Single Row Layout with scroll bar

1 Answer 103 Views
CardView
Peter
Top achievements
Rank 2
Iron
Iron
Veteran
Peter asked on 11 Feb 2022, 01:13 PM

Hello,

is it possible to use the CardLayout-Property Rows but prevent wrapping?

I want to have just a single row with a horizontal scroll bar.

regards,

Tobias

 

1 Answer, 1 is accepted

Sort by
1
Accepted
Stenly
Telerik team
answered on 16 Feb 2022, 11:51 AM

Hello Tobias,

By default, the CardLayout property of the RadCardView control is set to Rows, which when there is no more space, the cards will be arranged in the next available row. However, what comes to my mind, in order to achieve the wanted result, would be to place the RadCardView element inside a ScrollViewer control. This will force the cards to be displayed on a single row, and via the horizontal scrollbar, to observe each card.

The following code snippet shows the abovementioned approach's implementation:

<ScrollViewer >
    <telerik:RadCardView x:Name="cardView"   
             CardHeaderBinding="{Binding Header}" 
             MinorLength="140"/>
</ScrollViewer>

The produced result is as follows:

With that said, could you give this suggestion a try?

Regards,
Stenly
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
CardView
Asked by
Peter
Top achievements
Rank 2
Iron
Iron
Veteran
Answers by
Stenly
Telerik team
Share this question
or