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. 
﻿
Location in full screen
﻿
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 components are:
component.chat
component.custom-component
component.location
component.web-view
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
﻿Examples and code snippets ﻿
Location in full screen
﻿
In this example the location to the Seattle Aquarium is shown in full screen using type jig.full-screen, component.location and  datasource called address.  
Refer to the location﻿ component for additional location setup options.
Examples:
See the full code sample using dynamic data in GitHub.
location-fullscreen-dynamic.jigx
datasource (dynamic)
title: Aquarium Location 
type: jig.full-screen

component: 
  type: component.location
  options: 
    viewPoint:
      address: 1483 Alaskan Way, Seattle, US
      zoomLevel: 15
    markers:
      data: =@ctx.datasources.address
      item:
        type: component.marker-item
        options:
          address: 1483 Alaskan Way, Seattle, US
          children:
            type: component.icon
            options:
              size: medium
              color: negative
              icon: end-marker  
title: Aquarium Location 
type: jig.full-screen

component: 
  type: component.location
  options: 
    viewPoint:
      address: 1483 Alaskan Way, Seattle, US
      zoomLevel: 15
    markers:
      data: =@ctx.datasources.address
      item:
        type: component.marker-item
        options:
          address: 1483 Alaskan Way, Seattle, US
          children:
            type: component.icon
            options:
              size: medium
              color: negative
              icon: end-marker  
﻿
Chatbot in a full-screen jig
See the chatbot with OpenAI﻿ example.
See Also
﻿Jigs (screens)﻿﻿
﻿location﻿﻿
﻿

Core structure
component	Select the component to display as a full-screen, the available components are: component.chat component.custom-component component.location component.web-view
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

Updated 11 Mar 2025

Did this page help you?

jig.document

jig.grid

jig.fullscreen

Considerations

﻿Configuration options﻿

Core structure

﻿Examples and code snippets ﻿

Full-screen of a map

Chatbot in a full-screen jig

See Also

Configuration options

Examples and code snippets