bedrock-samples/resource_pack/ui/authentication_modals.json

{
  "namespace": "authentication_modals",

  "modal_dialog_label": {
    "size": [ "100% - 8px", "default" ],
    "type": "label",
    "color": "$main_header_text_color",
    "localize": false,
    "text": "#body_text",
    "bindings": [
      {
        "binding_name": "#body_text",
        "binding_condition": "once"
      }
    ]
  },

  "modal_dialog_content": {
    "type": "stack_panel",
    "size": [ 250, "100%c" ],
    "orientation": "vertical",
    "controls": [
      {
        "body_text@common.tts_label_focus_wrapper": {
          "size": [ "100%", "100%cm + 8px" ],
          "$tts_label_panel": "authentication_modals.modal_dialog_label"
        }
      },
      {
        "button_wrapper@common.empty_panel": {
          "size": [ "100%", "100%cm" ],
          "controls": [
            {
              "buttons": {
                "type": "stack_panel",
                "orientation": "horizontal",
                "size": [ "100% - 10px", "100%cm + 8px" ],
                "controls": [
                  {
                    "left@common_buttons.light_text_button": {
                      "size": [ "fill", 20 ],
                      "$pressed_button_name": "button.confirm",
                      "$button_text": "#left_button_text",
                      "$button_text_binding_type": "global",
                      "$button_binding_condition": "once"
                    }
                  },
                  {
                    "padding@common.empty_panel": {
                      "size": [ 5, 20 ]
                    }
                  },
                  {
                    "right@common_buttons.light_text_button": {
                      "size": [ "fill", 20 ],
                      "$pressed_button_name": "button.cancel",
                      "$button_text": "#right_button_text",
                      "$button_text_binding_type": "global",
                      "$button_binding_condition": "once"
                    }
                  }
                ]
              }
            }
          ]
        }
      }
    ]
  },

  "modal_dialog_frame@common.dialog_background_hollow_3": {
    "$fill_alpha": 1,
    "anchor_to": "center",
    "anchor_from": "center",
    // Size to account for centering offset to fit content. 8 is border size, 22 is header size
    "size": [ "100%cm + 8px + 8px", "100%cm + 22px + 8px" ],
    "controls": [
      {
        "title@popup_dialog.modal_title_text": {
          "anchor_from": "top_middle",
          "anchor_to": "top_middle",
          "size": [ "default", 15 ],
          "offset": [ 0, 8 ],
          "$dialog_title_text|default": "#none",
          "$dialog_title_text_binding_condition|default": "none",
          "$dialog_title_text_binding_type|default": "none",
          "text": "$dialog_title_text",
          "bindings": [
            {
              "binding_name": "$dialog_title_text",
              "binding_condition": "$dialog_title_text_binding_condition",
              "binding_type": "$dialog_title_text_binding_type"
            }
          ]
        }
      },
      {
        "close@common.close_button": {
          "offset": [ -4, 2 ],
          "$show_close_button|default": false,
          "visible": "$show_close_button"
        }
      },
      {
        "black_tint_image@popup_dialog.black_tint_image": {
          "size": [ "100%c", "100%c" ],
          "alpha": 0.85,
          "anchor_from": "top_left",
          "anchor_to": "top_left",
          // Offset to fit content withing hollow_3 borders
          "offset": [ 8, 22 ],
          "$dialog_content|default": "common.empty_panel",
          "controls": [
            {
              "content@$dialog_content": {
                "layer": 1
              }
            }
          ]
        }
      }
    ]
  },

  "ad_modal_dialog@common.base_screen": {
    "size": [ "100%c", "100%c" ],
    "$screen_content": "authentication_modals.modal_dialog_frame",
    "$dialog_title_text": "#title_text",
    "$dialog_title_text_binding_condition": "once",
    "$dialog_title_text_binding_type": "global",
    "$dialog_content": "authentication_modals.modal_dialog_content",
    // Mappings from base plus cancel
    "button_mappings": [
      {
        "from_button_id": "button.menu_up",
        "to_button_id": "button.menu_up",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_down",
        "to_button_id": "button.menu_down",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_left",
        "to_button_id": "button.menu_left",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_right",
        "to_button_id": "button.menu_right",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.cancel",
        "mapping_type": "global"
      }
    ]
  }
}