This is a migrated thread and some comments may be shown as answers.

RadJumpList with check column resize?

1 Answer 20 Views
JumpList
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
dev
Top achievements
Rank 1
dev asked on 15 May 2014, 04:54 PM
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

1 Answer, 1 is accepted

Sort by
0
Deyan
Telerik team
answered on 21 May 2014, 07:14 AM
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.

 
Tags
JumpList
Asked by
dev
Top achievements
Rank 1
Answers by
Deyan
Telerik team
Share this question
or