Intersoft Community - ClientUI - Advice on control to use (Silverlight)

Advice on control to use (Silverlight)

yudi — Tue, 11 Jun 2013 21:26:58 GMT

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.

Advice on control to use (Silverlight)

zen8019 — Tue, 11 Jun 2013 12:28:42 GMT

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.

Advice on control to use (Silverlight)

yudi — Tue, 11 Jun 2013 00:46:39 GMT

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.

Open this link. It will open Scroll Viewer – Book List sample.
After the sample loaded, set VerticalScrollBarVisibility to Disabled and HorizontalScrollBarVisibility to Auto. Those properties can be set in runtime by modifying the Options section which is located in the right pane of 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.

Advice on control to use (Silverlight)

zen8019 — Mon, 10 Jun 2013 12:59:21 GMT

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