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 

Full-screen of a map

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?