

Initial state includes scrolling to the first item and selecting the first item or default if present. Reset( Control ) - Resets your gallery back to its initial state.

Y – The distance between the top edge of a control and the top edge of the parent container or screen. X – The distance between the left edge of a control and the left edge of its parent container or screen. WrapCount – Number of items shown per row or column based on horizontal or vertical layout. Width – The distance between a control's left and right edges. Visible – Whether a control appears or is hidden. Transition – The visual effect ( Pop, Push, or None) when the user hovers over an item in a gallery. Or the width of the template for a gallery in horizontal/landscape orientation. TemplateSize – The height of the template for a gallery in vertical/portrait orientation. TemplatePadding – The distance between items in a gallery. TemplateFill – The background color of a gallery. ShowScrollbar – Whether a scrollbar appears when the user hovers over a gallery. ShowNavigation – Whether an arrow appears at each end of a gallery so that a user can scroll through the items in the gallery by selecting an arrow. When set to false, screen readers identify the gallery as a regular list, and selecting an item doesn't select it. When set to true, screen readers identify the gallery as a selectable list. Selectable – Whether gallery items can be selected. NavigationStep – How far a gallery scrolls if its ShowNavigation property is set to true and the user selects a navigation arrow at either end of that gallery. LoadingSpinnerColor - The fill color of the loading spinner. When Controls | Data, spinner will be shown when a render pass occurs that results in visible empty rows. LoadingSpinner ( None, Controls or Data) - When None, spinner will not be shown. ItemAccessibleLabel – Label of each gallery item for screen readers. Height – The distance between a control's top and bottom edges. Should describe what the list of items are.ĪllItems – All items in a gallery, including additional control values that are a part of the gallery's template.īorderColor – The color of a control's border.īorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.īorderThickness – The thickness of a control's border.ĭelayItemLoading - Delay loading of items (rows) until after the screen first loads.ĭisplayMode – Whether the control allows user input ( Edit), only displays data ( View), or is disabled ( Disabled).įill – The background color of a control. Additional propertiesĪccessibleLabel – Label of the gallery (not the items it contains) for screen readers. Items – The source of data that appears in a control such as a gallery, a list, or a chart.

Predefined templates for showing images and text in a gallery are available, and a gallery for variable-height items.

And you can configure those controls in its template. For example, use a Gallery control to show multiple contacts with each item showing contact information that includes a name, an address, and a phone number for each contact.Įach data field appears in a separate control within the Gallery control. DescriptionĪ Gallery control can show multiple records from a data source, and each record can contain multiple types of data. A control that contains other controls and shows a set of data.
