iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi
I am trying to have some sort of list box that has items that go horizontally - I have looked at your controls but am confused as to what to pick - Datapresenter Manger, IconPresenter, GridPresenter, ListPresenter, ListBox, GridView - for my needs. I have tried some of them but get errors (Layout cycle detected. Layout could not complete.). I need the items to have an image and some text underneath - a bit like an image scroller (html) - please see attached screen shot showing what I am trying to achieve - thanks
Thank you for the attached screenshot which shows the required layout.
You may try to use UXItemsControl and customize its item appearance by defining the ItemTemplate. UXItemsControl is useful in various UI scenarios that host a collection of similar item types.
<Intersoft:UXItemsControl BorderThickness="0" ItemsSource="{Binding Path=FilteredBooks}"> <Intersoft:UXItemsControl.ItemTemplate> <DataTemplate> <Intersoft:StylishLabel ContentType="ContentAndImage" ImageSource="{Binding Path=Book.Image}" ImageHeight="128" ImageWidth="128" Width="128" TextImageRelation="ImageAboveText" Background="{x:Null}" BorderThickness="0"> <Intersoft:EllipsisText Text="{Binding Path=Book.Title}"/> </Intersoft:StylishLabel> </DataTemplate> </Intersoft:UXItemsControl.ItemTemplate> <Intersoft:UXItemsControl.ItemsPanel> <ItemsPanelTemplate> <Intersoft:WrapPanel /> </ItemsPanelTemplate> </Intersoft:UXItemsControl.ItemsPanel> </Intersoft:UXItemsControl>
Last, wrap the UXItemsControl inside UXScrollViewer control.
<Intersoft:UXScrollViewer Name="SampleControl1" Intersoft:DockPanel.IsFillElement="True"> <Intersoft:UXItemsControl ...> </Intersoft:UXItemsControl> </Intersoft:UXScrollViewer>
We happen to have a sample that is similar to the layout shown in the screenshot. Please follow the step below to open the sample.
Alternatively, UXContentScroller (live sample: http://live.clientui.com/Default.html#/UXControls/UXScroller) or UXFlow (live sample: http://live.clientui.com/Default.html#/UXFlow/Binding) can be utilized to bring more compelling user interface.
Please let us hear your feedback whether this helps or not.
Thanks for the quck response - I have used that code and it worked well - however I needed to be able to select the item so I changed the Intersoft:UXItemsControl to a list box and got what I needed thanks.
Glad to hear the good news.
Should you need further assistance or run into any problems regarding our controls, feel free to post it into our forum. We would be happy to assist you again.
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname