It allows you to display, for example, three data items in a row for smaller screens and five data items in a row for larger screens. In this mode, the Data View reorganizes its data items according to custom layout scenarios for different browser widths. Run it online and resize the browser window to see how the control rearranges its items. Refer to the following Support Center example to see Layout mode in action: How to create a photo gallery using the ASPxDataView control in flow layout mode. The control rearranges its items when end users change the control’s size. The item size doesn’t depend on the control’s size. The DataViewItemStyle.Width and DataViewItemStyle.Height settings ( ASPxDataViewBase.ItemStyle. The DataViewDivBasedLayoutSettings.ItemsPerPage property allows you to set the number of items displayed on a single page. The ASPxDataView.SettingsFlowLayout property allows you to access the Flow layout mode settings. In Flow layout mode, data items flow one after another to fill the available area. The number of columns can be changed only programmatically. If an end user changes the page size with the pager UI, it affects the number of rows. In Table layout mode, the control calculates the number of items displayed on a single page according to the specified table dimensions ( RowsPerPage and ColumnCount). When users change the control size (for example, if a window is resized) the control recalculates the item size. The Data View automatically defines an item size based on the control size and specified table dimensions. DataViewTableLayoutSettings.ColumnCount - Specifies the number of columns.DataViewTableLayoutSettings.RowsPerPage - Specifies the number of rows. ![]() The ASPxDataView.SettingsTableLayout property allows you to access the Table layout mode settings. In Table layout mode, the control organizes its data items in a table with the specified number of columns and rows. You can specify the layout mode by setting the ASPxDataView.Layout property to one of the Layout values.
0 Comments
Leave a Reply. |