Forums Ultimate UI for WPF
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Christian Thomas
495
CardView with column wraparound
posted

Hi, the default cardview is modeled like this:

 

ColumnName: Attribute

ColumnName: Attribute 2

ColumnName:Attribute 3

ColumnName:Attribute 4

 

is there any way to specify that I only want two rows in a card, and to wraparound the remaining columns like this:

 

ColumnName:Attribute   ColumnName: Attribute 3

ColumnName:Attribute 2 ColumnName: Attribute 4


____________

If not, is it possible you could point me to the proper portion of DataPresenterOffice2013 in DefaultStyles\DataPresenter that deals with cardview so that I may make the change myself?  Or is it totally impossible with the current setup?

 

Thanks

  • 34510
    Offline posted

    Hello Christian,

    You can control the arrangement of the columns by setting the FieldLayoutSettings.AutoArrangeCells property to "Never" and then providing each Field with a Row and Column number.  So in your example, the XAML would look like this: 

    <igDP:XamDataCards ...>
    <igDP:XamDataCards.FieldLayoutSettings>
        <igDP:FieldLayoutSettings AutoArrangeCells="Never"/>
    </igDP:XamDataChards.FieldLayoutSettings>
    
    <igDP:XamDataCards.FieldLayouts>
        <igDP:FieldLayout>
            <igDP:Field Name="Column1" Row="0" Column="0"/>
            <igDP:Field Name="Column2" Row="1" Column="0"/>
            <igDP:Field Name="Column3" Row="0" Column="1"/>
            <igDP:Field Name="Column4" Row="1" Column="1"/>
        </igDP:FieldLayout>
    </igDP:XamDataCards.FieldLayouts>
</igDP:XamDataCards>

     

    This would give you the arrangement that you are looking for.  Let me know if you have any questions on this.