bodylayers

This page updates the page: https://jasonelle-archive.github.io/docs/legacy/document/#bodylayers ...

Currently layers support two types of components:

• label
• image
• button

■ type:label see the page https://jasonelle-archive.github.io/docs/legacy/document/#bodylayers

■ type:image see the page https://jasonelle-archive.github.io/docs/legacy/document/#bodylayers

■ type:button

Floating buttons.

attributes

• type: "button"
• text: the text to display
• action: action to run on user tap event
• style
  • width
  • height
  • padding
  • top: position from the top of the screen
  • left: position from the left of the screen
  • right: position from the right of the screen
  • bottom: position from the bottom of the screen
  • corner_radius
  • font
  • size
  • background
  • color
  • align: text align ("left" | "center" | "right") Default is "left"
  • resize: resizable when set to "true" (default is false)
  • move: can be dragged around when set to "true" (default is false)
  • rotate: can be rotated when set to "true" (default is false)

example

{
  "layers": [
    {
        "type": "button",
        "text": "Offline (load local files)",
        "style": {
            "top": "100",
            "left": "50%-25",
            "width": "50",
            "padding": "10"
        },
        "action": {
            "type": "$href",
            "options": {
                "url": "file://load_html_from_local_files.json"
            }
        }
    }
  ]
}