Image Gallery for iOS

Deprecated

As of SmartDevicesPlus 6, this control was removed from SmartDevicesPlus controls library.

Summary

SmartDevicesPlus Image Gallery Control uses Infragistics NucliOS Library to build an advanced and stylish Image Gallery. In SmartDevicesPlus Image Gallery the user can select an image by browsing through the thumbnails sections, or can directly swipe the image to switch between the gallery's images

A mobile phone mockup shows the SD+ Image Gallery control on a Gallery screen with a top navigation bar labeled Gallery and a back button captioned Menu. A large featured product photo (a copper leaf-style pendant lamp) is displayed above a horizontally scrollable thumbnail strip of six smaller product images.

In addition, SmartDevicesPlus Image Gallery thumbnails section can be adjusted to show only 1 row of images by dragging the thumbnails section separator. In that case thumbnail section will scroll horizontally.

The SD+ Image Gallery control displays a large main image of a teal-colored lounge furniture set above a horizontally scrollable row of thumbnail images, outlined with a red box; a red arrow points to a small horizontal-line handle above the thumbnails, indicating the drag control used to expand or collapse the thumbnail strip. The SD+ Image Gallery control shows a large main image of teal lounge furniture with a partially collapsed thumbnail strip below it; a red box highlights only three visible thumbnail images, illustrating a reduced or scrolled state of the thumbnail row compared to the fuller strip shown in a companion screenshot.

SmartDevicesPlus Image Gallery User Control has to be applied to a GeneXus Grid, to enable it first you'll have to add a GeneXus Grid in your SDPanel and then select "SmartDevicesPlus Image Gallery" in the grid's "Control Type" property.

The GeneXus SmartDevices IDE shows the SDPanel9 layout editor with a Grid1 control selected inside MainTable, containing a ProductPhoto attribute. The Properties panel on the right lists Grid1's properties, with Control Type expanded to show a dropdown of SD+ control options (SD Leaves, SD Magazine Viewer, SD Paged Grid, SD+ Android Charts, SD+ iOS Charts, SD+ Maps) where "SD+ Image Gallery" is selected and highlighted in blue.

Control Properties

After this, you will see the SmartDevicesPlus Image Control properties displayed in the property grid.

Category Property  
Control info Auto Grow

The Control Info properties section for the SD+ Image Gallery control lists Control Type "SD+ Image Gallery", Auto Grow "False", Image Attribute "(none)", and Thumb Attribute "(none)", showing the base configuration fields available for this GeneXus SmartDevices control.
Image Attribute
Thumb Attribute

Image Attribute

This property lets you customize the attribute that will be used as the gallery's main image.

When using a grid based on a SDT, the image attribute will be disabled, and the "Image Field Specifier" property will be enabled to let you choose the SDT field containing the category data.

A mobile Gallery screen shows the SD+ Image Gallery control with a red box highlighting the large main product image area (a copper pendant lamp), above a horizontally scrollable thumbnail strip of six smaller images, under a top bar with a back button labeled Menu and title Gallery.

Thumb Attribute

This property lets you customize the attribute that will be used as the main images thumbnail. Thumbnails are displayd

When using a grid based on a SDT, the image attribute will be disabled, and the "Image Field Specifier" property will be enabled to let you choose the SDT field containing the category data.

A mobile Gallery screen shows the SD+ Image Gallery control with the main product image (a copper pendant lamp) displayed above a thumbnail strip; a red box highlights the first thumbnail, which mirrors the main image, indicating the currently selected thumbnail in the gallery.

Compatibility

This feature is compatible with iOS platform.