Configures the shadows cast by controls.
Generators: Android, Apple
Level: Design System Style Class
This property is available in Native Mobile applications for these controls: Attribute/Variable, Button, Grid, Group, Image, Tab, Table, Text Block.
It accepts positive numerical values to indicate how much shadow to show.
By default, its value is empty (semantically, it represents 0).
This property applies both at runtime and at design time.
The example below is based on customized buttons.
First, in your Design System object define the following in the .Button class created to give style to your buttons:
In this case the gx-elevation value chosen is 20.
Next, after dragging the Button Control from the Toolbox to an Abstract Layout of a Panel or Work With, set the following:
Width = 40
Height = 40
Image = <an_add_to_cart_icon>
Class = <class_previously_created>
With this configuration, the button will have a rounded look with a small icon inside it.
Finally, after defining the Elevation property, the effects achieved are shown in the following table:
This property is available since GeneXus 17 Upgrade 6.
HowTo: Adding Material Design to Android applications
Design System Object