Jig Types

jig.fullscreen

6min

The jig.full-screen allows you to configure a component that covers the entire screen of the with no other elements visible. This is useful for creating a full screen of a location screen.



Full screen location
Full screen location


Considerations

  • This type does not allow for a description or header properties.
  • The location component can be used in the jig.full-screen.
  • When using an action within the , check that the action button does not overlap the fullscreen functionality. The best practice is not to use an action with the full-screen , as the action button covers elements shown in the full-screen.
  • It is not recommended to use a full-screen jig in a composite jig, combining the fullscreen with another will not provide the optimal layout for the .

Configuration options

The jig.full-screen can be configured in the following way in .

Core structure



component

Select the component to display as a full-screen, the available component is: component.location

title

Give the a title that is displayed at the top of the screen. If you do not want to show a title in a use title: ' '.

type

Select jig.full-screen

Other options



icon

The icon will be displayed on the widget of this . Start typing the name of the icon to invoke the available list in IntelliSene. See Jigx icons for information on worknig with icons.

Examples and code snippets 

Location in full screen
Location in full screen


In this example the location to the Seattle Aquarium is shown in full screen using type jig.full-screen, component component.location and datasource called location.

Examples: See the full code sample using dynamic data in GitHub.

location-fullscreen-dynamic.jigx
datasource (dynamic)


See Also



Updated 24 Jul 2024
Doc contributor
Did this page help you?