jig.fullscreen

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

Considerations

Configuration options

Some properties are common to all jig types, see Common jig type properties for a list and their configuration options.

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

Examples and code snippets

Full-screen of a map

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

Refer to the location component for additional location setup options.

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

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

type: datasource.sqlite
options:
  provider: DATA_PROVIDER_DYNAMIC
  entities:
    - entity: default/location
  query: |
    SELECT
      '$.id',
      '$.address',
      '$.address-us',
      '$.category',  
      '$.lat',
      '$.lng',
      '$.city',
      '$.country',
      '$.street'
    FROM [default/location] WHERE '$.category' = "location"

Chatbot in a full-screen jig

See the chatbot with OpenAI example.