We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Syncfusion control inside WizardControl is not visible

Hi,
I am trying to use the wizard control but looks like any of the Syncfusion controls inside the Wizard control page is not visible. It doesn't show at the design time and also at run time.
As soon as I start using the regular WPF control, it starts showing up. For e.g. ComboBox instead of ComboBoxAdv

Here is my XAML
<Window.Resources>
        <converters:TextToDecimal x:Key="TextToDecimal"></converters:TextToDecimal>
        <converters:DecimalToText x:Key="DecimalToText"></converters:DecimalToText>
    </Window.Resources>

    <Grid>
        <syncfusion:WizardControl Name="wizardControl">
            <!-- Welcome page -->
            <syncfusion:WizardPage Name="InvestmentDetailsPage" Title="Investment Details" PageType="Exterior"                                   
Description="" BackVisible="False"
CancelVisible="True" FinishVisible="False" HelpVisible="False" CancelEnabled="True">

                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="*" />
                    </Grid.RowDefinitions>

                    <Label Target="{Binding ElementName=Institution}" Grid.Row="0" Grid.Column="0" Content="Institution:"/>
                    <syncfusion:ComboBoxAdv x:Name="Institution" Margin="10,0,0,10" Grid.Column="1" Grid.Row="0" ItemsSource="{Binding Institutions, Mode=TwoWay, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"  Validation.Error="Validation_Error" SelectedItem="{Binding Investment.Institution, Mode=TwoWay, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" DisplayMemberPath="Nickname" MinWidth="200" MaxWidth="400"/>
                    <!--<TextBox Grid.Row="10" Grid.Column="1" Margin="10,0,0,10" x:Name="State" Text="{Binding Path=Investor.State, UpdateSourceTrigger=PropertyChanged, Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnDataErrors=True}" Validation.Error="Validation_Error" MaxLength="100" IsEnabled="{Binding Path=InvestorHelper.IsDistrictDisabled}"/>-->

                    <Button Grid.Row="0" Grid.Column="2" Command="{Binding AddNewSuuportingData}" CommandParameter="Institution" Cursor="Hand" Margin="5,0,0,5">
                        <Button.Template>
                            <ControlTemplate>
                                <Image Source="/Images/plus-sign-128.png" Height="20" Width="20"></Image>
                            </ControlTemplate>
                        </Button.Template>
                    </Button>
                    <TextBlock  Grid.Column="3" Grid.Row="0" Style="{StaticResource ValidationErrorStyle}" Text="{Binding (Validation.Errors)[0].ErrorContent, ElementName=Institution}" Margin="10,0,0,10"/>

                    <Label Target="{Binding ElementName=InvestmentNumber}" Grid.Row="1" Grid.Column="0" Content="Investment Number:"/>
                    <TextBox  Grid.Column="1" Grid.Row="1" Margin="10,0,0,10" x:Name="InvestmentNumber" Text="{Binding Investment.InvestmentNumber, Mode=TwoWay, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" Validation.Error="Validation_Error" MinWidth="200" MaxWidth="400"/>
                    <TextBlock Grid.Column="3" Grid.Row="1" Style="{StaticResource ValidationErrorStyle}" Text="{Binding (Validation.Errors)[0].ErrorContent, ElementName=InvestmentNumber}" Margin="10,0,0,10"/>

                    <Label Target="{Binding ElementName=InceptionDate}" Grid.Row="2" Grid.Column="0" Content="Inception Date:"/>
                    <DatePicker Grid.Row="2" Grid.Column="1" x:Name="InceptionDate" Focusable="False" Margin="10,0,0,10" SelectedDate="{Binding Investment.InceptionDate, Mode=TwoWay, NotifyOnValidationError=True, StringFormat=dd/MM/yyyy, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" Validation.Error="Validation_Error" />
                    <TextBlock Grid.Column="3" Grid.Row="2" Style="{StaticResource ValidationErrorStyle}" Text="{Binding (Validation.Errors)[0].ErrorContent, ElementName=InceptionDate}" Margin="10,0,0,10"/>

                    <Label Target="{Binding ElementName=Amount}" Grid.Row="3" Grid.Column="0" Content="Amount:"/>
                    <syncfusion:CurrencyTextBox  Grid.Column="1" Grid.Row="3" Margin="10,0,0,10" x:Name="Amount" UseNullOption="True" Value="{Binding Investment.Amount, Mode=TwoWay, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True, Converter={StaticResource DecimalToText}}" Validation.Error="Validation_Error" MinWidth="200" MaxWidth="400" Culture="en-IN" CurrencyPositivePattern="2" CurrencyGroupSeparator="," CurrencyDecimalDigits="2" CurrencyDecimalSeparator="."/>
                    <TextBlock Grid.Column="3" Grid.Row="3" Style="{StaticResource ValidationErrorStyle}" Text="{Binding (Validation.Errors)[0].ErrorContent, ElementName=Amount}" Margin="10,0,0,10"/>

                    <Label Target="{Binding ElementName=InterestRate}" Grid.Row="4" Grid.Column="0" Content="Interest Rate:"/>
                    <syncfusion:PercentTextBox  Grid.Column="1" Grid.Row="4" Margin="10,0,0,10" x:Name="InterestRate" PercentValue="{Binding Investment.InterestRate, Mode=TwoWay, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" Validation.Error="Validation_Error" MinWidth="200" MaxWidth="400" PercentDecimalDigits="2" UseNullOption="True"/>
                    <TextBlock Grid.Column="3" Grid.Row="4" Style="{StaticResource ValidationErrorStyle}" Text="{Binding (Validation.Errors)[0].ErrorContent, ElementName=InterestRate}" Margin="10,0,0,10"/>



                </Grid>

            </syncfusion:WizardPage>
            <syncfusion:WizardPage Name="InvestorDetailsPage"                           Title="Next Page" PageType="Exterior"                                    
Description="This will install Software on your computer." BackVisible="False"
CancelVisible="True" FinishVisible="False" HelpVisible="True">


            </syncfusion:WizardPage>
        </syncfusion:WizardControl>
    </Grid>

Syncfusion version: 15.1.0.33
Target Framework: 4.6.1


Attachment: screenshots_5fba732f.zip

1 Reply

SM Subashini Mahendran Syncfusion Team February 24, 2017 09:03 AM UTC

Hi Andy Johnson,

Thank you for contacting Syncfusion support.

We have checked your query "Syncfusion Controls inside the WizardControl is not Visible", but we can render the Syncfusion controls which are used inside the Wizard page of Wizard Control. Please download the sample which we have tried to reproduce the issue from the below location.

Sample:WizardControl_129059

Can you please share the issue reproducible sample or whether you have applied any Themes in the sample. This would help us to proceed further.

Regards,
Subashini M.

Loader.
Live Chat Icon For mobile
Up arrow icon