RadJumpList with check column resize?

2 posts, 0 answers
  1. dev
    dev avatar
    20 posts
    Member since:
    Dec 2005

    Posted 15 May 2014 Link to this post

    Hello this is a my code

    <phone:PhoneApplicationPage.Resources>
            <DataTemplate x:Key="ItemTemplate">
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                        <ColumnDefinition Width="200"></ColumnDefinition>
                        <ColumnDefinition Width="100"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="6,6,0,0" x:Name="image1" Stretch="Fill" Source="Assets/AlignmentGrid.png" Width="76" Height="76" />
                    <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="Test test test"/>
                    <TextBlock Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Right" Text="Test test test"/>
                </Grid>
            </DataTemplate>
            <Style TargetType="CheckBox"  x:Key="ItemCheckBoxStyle">
                <Setter Property="VerticalAlignment" Value="Center"/>
            </Style>
        </phone:PhoneApplicationPage.Resources>
     
        <!--LayoutRoot è la griglia radice in cui viene inserito tutto il contenuto della pagina-->
        <Grid x:Name="LayoutRoot" Background="Transparent">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
     
            <!--ContentPanel - inserire ulteriore contenuto qui-->
            <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
     
                <Controls:RadJumpList
                    x:Name="PhotoHubLLS" Height="435" VerticalAlignment="Top"
                    ItemTemplate="{StaticResource ItemTemplate}" IsCheckModeActive="False"
                    CheckBoxStyle="{StaticResource ItemCheckBoxStyle}" />
            </Grid>
            <Button Tap="Button_Tap" Content="enable checkbox" />
     
     
        </Grid>

    ​private void Button_Tap(object sender, System.Windows.Input.GestureEventArgs e)
    {
      PhotoHubLLS.IsCheckModeActive = !PhotoHubLLS.IsCheckModeActive;
    }


    if i   IsCheckModeActive = true have problem

    colum 3 traslate on right and text not visible

    this is a my project example
    https://app.box.com/s/984102hcn195rqc919dh
  2. Deyan
    Admin
    Deyan avatar
    2038 posts

    Posted 21 May 2014 Link to this post

    Hi Ivan,

    Thanks for writing and for your project.

    The behavior that you are getting is actually what should happen in this case. You have not set the TextWrapping property on your last TextBlock. You have also explicitly defined the width of the column in which this TextBlock resides. Here's a slightly modified version of your template that works on my  side:

    <Grid>
                  <Grid.ColumnDefinitions>
                      <ColumnDefinition Width="100"></ColumnDefinition>
                      <ColumnDefinition Width="200"></ColumnDefinition>
                      <ColumnDefinition></ColumnDefinition>
                  </Grid.ColumnDefinitions>
                  <Image Grid.Column="0" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="6,6,0,0" x:Name="image1" Stretch="Fill" Source="Assets/AlignmentGrid.png" Width="76" Height="76" />
                  <TextBlock Grid.Column="1" VerticalAlignment="Center" Text="Test test test"/>
                  <TextBlock Grid.Column="2" VerticalAlignment="Center" HorizontalAlignment="Right" TextWrapping="Wrap" Text="Test1 test2 test3"/>
              </Grid>

    Let us know if you have additional questions.

    Regards,
    Deyan
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. DevCraft banner
Back to Top