bedrock-samples/resource_pack/ui/token_faq_screen.json

{
  "namespace": "token_faq",

  "main_panel": {
    "type": "stack_panel",
    "controls": [
      {
        "faq_question_1@realmsPlus_faq.image_left_faq_question_body": {
          "$faq_question": "store.token_faq.question1",
          "$faq_answer": "store.token_faq.answer1",
          "$repo_image_texture": "adventure_characters"
        }
      },
      {
        "faq_question_1_divider@common.section_divider": {}
      },
      {
        "faq_question_2@realmsPlus_faq.image_right_faq_question_body": {
          "$faq_question": "store.token_faq.question2",
          "$faq_answer": "store.token_faq.answer2",
          "$repo_image_texture": "creeper_forward"
        }
      },
      {
        "faq_question_2_divider@common.section_divider": {}
      },
      {
        "faq_question_3@realmsPlus_faq.image_left_faq_question_body": {
          "$faq_question": "store.token_faq.question3",
          "$faq_answer": "store.token_faq.answer3",
          "$repo_image_texture": "pig_forward"
        }
      },
      {
        "faq_question_3_divider@common.section_divider": {}
      },
      {
        "faq_question_4@realmsPlus_faq.image_right_faq_question_body": {
          "$faq_question": "store.token_faq.question4",
          "$faq_answer": "store.token_faq.answer4",
          "$repo_image_texture": "wolf_forward"
        }
      },
      {
        "faq_question_4_divider@common.section_divider": {}
      },
      {
        "faq_question_5@realmsPlus_faq.image_left_faq_question_body": {
          "$faq_question": "store.token_faq.question5",
          "$faq_answer": "store.token_faq.answer5",
          "$repo_image_texture": "steve_forward"
        }
      }
    ]
  },

  "scrolling_panel@common.scrolling_panel": {
    "$scrolling_content": "token_faq.main_panel",
    "$show_background": false,
    "$scroll_size": [ 4, "100%-4px" ],
    "$scrolling_pane_size|default": [ "100%", "default" ],
    "$always_handle_scrolling": true
  },

  "token_faq_screen_content": {
    "type": "panel",
    "controls": [
      {
        "dialog@common_dialogs.main_panel_no_buttons": {
          "$title_panel": "common_dialogs.standard_title_label",
          "$title_size": [ "100% - 14px", 10 ],
          "size": [ "90%", "90%" ],
          "$text_name": "store.tokens.faq",
          "$child_control": "token_faq.scrolling_panel",
          "layer": 2
        }
      }
    ]
  },

  "background@common.screen_background": {
    "alpha": 0.65,
    "layer": 1
  },

  "token_faq_screen@common.base_screen": {
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      }
    ],
    "$screen_animations": [
      "@common.screen_exit_animation_push_fade",
      "@common.screen_exit_animation_pop_fade",
      "@common.screen_entrance_animation_push_fade",
      "@common.screen_entrance_animation_pop_fade"
    ],
    "$background_animations": [
      "@common.screen_exit_animation_push_fade",
      "@common.screen_exit_animation_pop_fade",
      "@common.screen_entrance_animation_push_fade",
      "@common.screen_entrance_animation_pop_fade"
    ],
    "force_render_below": true,
    "$screen_content": "token_faq.token_faq_screen_content",
    "$screen_background_control": "token_faq.background"
  },

  "token_content_panel": {
    "type": "stack_panel",
    "size": [ "100% - 6px" , "100% - 6px" ],
    "controls": [
      {
        "token_info_text": {
          "type": "label",
          "text": "store.tokens.tokenInfo",
          "size": [ "100%", "default" ],
          "font_type": "smooth",
          "color": "$store_white_text_color"
        }
      }
    ]
  },

  "token_popup_content": {
    "type": "panel",
    "controls": [
      {
        "dialog@common_dialogs.main_panel_two_buttons": {
          "size": [ 260, 200 ],
          "$top_button_panel": "token_faq.token_faq_button_panel",
          "$bottom_button_panel": "token_faq.back_button_panel",
          "$text_name": "store.tokens.name",
          "$child_control": "token_faq.token_content_panel",
          "layer": 3
        }
      }
    ]
  },

  "token_faq_button_panel@common_buttons.light_text_button": {
    "size": [ "100% - 14px", 30 ],
    "$pressed_button_name": "button.faq_screen",
    "$button_text": "store.tokens.faq",
    "$focus_id": "faq_screen",
    "$focus_override_down": "faq_screen_back",
    "$focus_override_left": "FOCUS_OVERRIDE_STOP",
    "$focus_override_right": "FOCUS_OVERRIDE_STOP",
    "$focus_override_up": "owned_list_0"
  },

  "back_button_panel@common_buttons.light_text_button": {
    "size": [ "100% - 14px", 30 ],
    "$pressed_button_name": "button.goBack",
    "$button_text": "store.tokens.back",
    "$focus_id": "faq_screen_back",
    "$focus_override_down": "FOCUS_OVERRIDE_STOP",
    "$focus_override_left": "FOCUS_OVERRIDE_STOP",
    "$focus_override_right": "FOCUS_OVERRIDE_STOP",
    "$focus_override_up": "faq_screen"
  },

  "token_popup@common.base_screen": {
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      }
    ],
    "$screen_animations": [
      "@common.screen_exit_animation_push_fade",
      "@common.screen_exit_animation_pop_fade",
      "@common.screen_entrance_animation_push_fade",
      "@common.screen_entrance_animation_pop_fade"
    ],
    "$background_animations": [
      "@common.screen_exit_animation_push_fade",
      "@common.screen_exit_animation_pop_fade",
      "@common.screen_entrance_animation_push_fade",
      "@common.screen_entrance_animation_pop_fade"
    ],
    "force_render_below": true,
    "$screen_content": "token_faq.token_popup_content",
    "$screen_background_control": "token_faq.background"
  }
}