Telerik Forums
UI for Silverlight Forum
1 answer
58 views
I'm sure the title is not the best at describing what I'm looking for...
Default behavior works like a grid where if in one row, a cell contains a large thing, the entire row must be that height.
The behavior I'm looking for is for a wrap panel to place items within it left-to-right first, then top-to-bottom, but more as a bucket then a grid.
For example,if the wrap panel has width of 2, and the first item is of width 1 and height 2, and the second and third item are of 1x1, then the default placement would be first item on top left, second item top right, and third item below the first.
[1][2]
[1]
[3]
What I'm looking for is first item on top left, second and third item both to the right of the first item.
[1][2]
[1][3] 

Is this possible? Or should I be looking at a different control maybe?
Nick
Telerik team
 answered on 14 May 2014
4 answers
72 views
Hello,

I have created several custom controls which are using RadWrapPanel's as their countainer control. 

On my UserControl, I have then placed those custom controls into RadWrapPanel and have noticed that the CustomControl's wrapping does not work.

Is it possible to have a RadWrapPanel inside of another RadWrapPanel?

Thanks.
Ant
Anthony
Top achievements
Rank 1
 answered on 25 Oct 2013
1 answer
58 views
We have a big application and scrolling using VirtualizationWrapPanel cause alot of problem. If i have 5000 images to show (card view) and I scroll from top to bottom, the scrollviewer try to render all Image one after the others. It makes the application very slow. We need a deferred mode just like RadGridView, but for VirtualizationWrapPanel.

Without this, we cannot use VirtualizationWrapPanel  for big data set with images......
Vlad
Telerik team
 answered on 19 Mar 2013
4 answers
67 views
I'm using the VirtualizingWrapPanel in a MS Listbox in an OOB app.

The Up / Down / PGUP / PGDN keys keep the selection in view if used from the selected (clicked on) item. This is as expected.

However, if I hit the HOME or END keys, the GUI selection disappears however the selected item is corrext FIRST / LAST. Now, if I use the cursors, the SelectedItem / SelectedIndex of hte Listbox correctly changes but the selection remains hidden until the SelectedItem / SelectedIndex is in the viewport. Then Up / Down / PGUP / PGDN keys act as expected.

Now, if you select an item in the middle of the Listbox range, hit the HOME or END key, switch app focus away, then switch app focus back, the press an arrow key, the expected next SelectedItem / SelectedIndex you would expect to be the item related to the SelectedItem / SelectedIndex after Pressing the HOME / END key but infact it is from the last item selected in the Viewport.

Is anyone experiencing the same?

Graeme
Graeme
Top achievements
Rank 2
 answered on 25 Sep 2012
2 answers
122 views
Hii All,

I need to Style the RadWrapPanel, which gives the look and feel like a grid i.e. Rows and Columns.
When I add the RadWrapPanel and try to edit its style in Expression Blend, it just give me option of creating an Empty Template rather than editing its original template.
The records are getting populated in a telerik:ListBox, to which the RadWrapPanel is applied.
So do I need to style the ListBox or the RadWrapPanel?
Kindly help me out.

Thanks and Regards,
Hardik
Hardik
Top achievements
Rank 1
 answered on 21 Sep 2012
1 answer
118 views
Hi,

I would've added this issue to PITS however there was no option for WrapPanel in the drop down.

If I place a RadWrapPanel inside a ScrollViewer, and style the ScrollViewer the WrapPanel no longer wraps. All the items go from left to right and you have to scroll horizonally.

However, if I do not style the ScrollViewer, the WrapPanel works as expected.

This issue arose after we updated to the latest version of Telerik controls.

For your reference here's the XAML:

      <ScrollViewer telerik:StyleManager.Theme="Metro">
          <telerik:RadWrapPanel Grid.Column="1" Grid.Row="3" x:Name="barcodeContainer" ItemWidth="280" ItemHeight="115" Margin="5,10,5,10"></telerik:RadWrapPanel>
      </ScrollViewer>


Cheers.

Graeme
Top achievements
Rank 2
 answered on 19 Sep 2012
1 answer
77 views
Hello,
I wish to have the content of the VirtualizingWrapPanel centered vertically and horizzontally (I'm builind a metro style-like menu and I wish to place my buttons in the center of the screen), since I don't know at prior how many menu's items the app will show (there's a sort of permission profiling) I wish the content to be centered first then auto arrange on horizontal.

How can I achive this?

Thanks
Nick
Telerik team
 answered on 04 Jul 2012
2 answers
116 views
Hi,

My code is pretty simple -

<

 

 

ListBox x:Name="booksListBox" HorizontalAlignment="Stretch" HorizontalContentAlignment="Stretch" >

 

 

<ListBox.ItemsPanel>

 

 

<ItemsPanelTemplate>

 

 

<telerik:VirtualizingWrapPanel ItemWidth="80"/>

 

 

</ItemsPanelTemplate>

 

 

</ListBox.ItemsPanel>

 

 

<ListBox.ItemTemplate>

 

 

<DataTemplate>

 

 

<StackPanel Orientation="Vertical">

 

 

<TextBlock Text="{Binding Author}" />

 

 

<TextBlock Text="{Binding Name}" />

 

 

</StackPanel>

 

 

</DataTemplate>

 

 

</ListBox.ItemTemplate>

 

 

</ListBox>



I get the following error - +  ExceptionObject {System.ArgumentException: Value does not fall within the expected range.} System.Exception {System.ArgumentException}

I am not sure which VirtualizingWrapPanel Property needs to be setin order for this to work.

Any help would be appreciated.
Thanks, Shilpi
Pavel Pavlov
Telerik team
 answered on 24 May 2012
3 answers
146 views
Does the VirtualizingWrapPanel support items of different widths?

For example, I have a list box which contains a list of Tile. I use a DataTemplateSelector  to look at a property on a tile to select the DataTemplate to render the Tile with. Depending on the tile type, the width will be a different size. Is this possible with this wrap panel?

Relevant Snippets of code Im use:
<ListBox x:Name="lstStaticNavOptions" ItemsSource="{Binding StartTileList}"
                             Background="Transparent" BorderThickness="0"
                             ScrollViewer.VerticalScrollBarVisibility="Disabled"
                             ScrollViewer.HorizontalScrollBarVisibility="Disabled"
                             HorizontalContentAlignment="Stretch"
                             Style="{StaticResource TileListBoxStyle}"
                             ItemTemplate="{StaticResource dtTileChooser}" >

<DataTemplate x:Key="dtTileChooser">
    <templates:TileTemplateSelector Content="{Binding}" >
        <templates:TileTemplateSelector.RefreshTrainingStatusTemplate>
            <DataTemplate>
                <Grid Margin="2 0" Width="120" Height="120" Background="Red">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <TextBlock Text="{Binding TileStatus}"  Grid.Row="1"  VerticalAlignment="Top" TextAlignment="Center" TextWrapping="Wrap"/>
                </Grid>
            </DataTemplate>
        </templates:TileTemplateSelector.RefreshTrainingStatusTemplate>
        <templates:TileTemplateSelector.MyDocumentsStatusTemplate>
            <DataTemplate>
                <Grid Margin="2 0" Width="250" Height="120" Background="#FF169FDC">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>
                    <TextBlock Text="{Binding TileStatus}"  Grid.Row="1"  VerticalAlignment="Top" TextAlignment="Center" TextWrapping="Wrap"/>
                </Grid>
            </DataTemplate>
        </templates:TileTemplateSelector.MyDocumentsStatusTemplate>
    </templates:TileTemplateSelector>
</DataTemplate>

<Style x:Key="TileListBoxStyle" TargetType="ListBox" >
    <Setter Property="Padding" Value="0" />
    <Setter Property="BorderThickness" Value="0" />
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Disabled" />
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <telerik:VirtualizingWrapPanel Orientation="Horizontal" ItemHeight="120" ItemWidth="120" />
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
</Style>











Vlad
Telerik team
 answered on 20 Mar 2012
1 answer
48 views

hi,

is it possible to catch the event, if the VirtualizingWrapPanel render the ChildItems?

I need this information for an query to a web service. The web service sends me the next data package. If i have a new data package, i need to update the new rendered child items.

THX,

Tom

Vlad
Telerik team
 answered on 09 Mar 2012
Top users last month
Dominik
Top achievements
Rank 1
Giuliano
Top achievements
Rank 1
Dominic
Top achievements
Rank 1
Glendys
Top achievements
Rank 1
Iron
NoobMaster
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?