bedrock-samples/resource_pack/ui/item_detail_description_screen.json

{
  "namespace": "item_description",

  "base_label": {
    "type": "label",
    "size": [ "100% - 8px", "default" ],
    "offset": [ 3, 0 ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "layer": 1,
    "color": "$body_text_color",
    "font_type": "smooth",
    "text_alignment": "left"
  },

  "summary_text_panel": {
    "type": "stack_panel",
    "size": [ "100%", "100%c" ],
    "orientation": "vertical",
    "controls": [
      {
        "title_panel": {
          "type": "input_panel",
          "focus_enabled": true,
          "size": [ "100%", "100%c + 1px" ],
          "controls": [
            {
              "pack_title@item_description.base_label": {
                "font_scale_factor": 1.3,
                "text": "#pack_title",
                "bindings": [
                  {
                    "binding_name": "#pack_title",
                    "binding_condition": "once"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "contents_description_panel": {
          "type": "panel",
          "size": [ "100%", "100%c + 3px" ],
          "controls": [
            {
              "contents_description@item_description.base_label": {
                "text": "#pack_contents_description",
                "bindings": [
                  {
                    "binding_name": "#pack_contents_description",
                    "binding_condition": "once"
                  }
                ]
              }
            }
          ]
        }
      },
      {
        "author_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "author_label@item_description.base_label": {
                "text": "#author_label",
                "bindings": [
                  {
                    "binding_name": "#author_label",
                    "binding_condition": "once"
                  }
                ]
              }
            }
          ]
        }
      },
      { "pad@pdp.vertical_padding_2px": {} },
      {
        "description_panel": {
          "type": "panel",
          "size": [ "100%", "100%c" ],
          "controls": [
            {
              "contents_description@item_description.base_label": {
                "text": "#pack_description",
                "bindings": [
                  {
                    "binding_name": "#pack_description",
                    "binding_condition": "once"
                  }
                ]
              }
            }
          ]
        }
      },
      { "bottom_padding@pdp.vertical_padding_2px": {} }
    ]
  },

  "description@common.scrolling_panel": {
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "size": [ "100% - 2px", "100%" ],
    "$scrolling_pane_size": [ "100%", "100%" ],
    "$scrolling_pane_offset": [ 0, 0 ],
    "$scroll_size": [ 5, "100% - 4px" ],
    "$scrolling_content": "item_description.summary_text_panel",
    "$scroll_bar_left_padding_size": [ 0, 0 ],
    "$show_background": false,
    "$bar_visible": false
  },

  "screen_content": {
    "type": "panel",
    "size": [ "100%", "100%" ],
    "controls": [
      {
        "dialog@common_dialogs.main_panel_no_buttons": {
          "size": [ "50%", "60%" ],
          "$child_control": "item_description.description",
          "$text_name": "store.offerDescription.title",
          "$dialog_background_texture": "textures/ui/store_banner_no_border",
          "$fill_alpha": 1.0
        }
      }
    ]
  },

  "item_description_screen@common.base_screen": {
    "force_render_below": true,
    "$screen_content": "item_description.screen_content",
    "$screen_background_control": "common.screen_background",
    "$screen_background_alpha": 0.65,
    "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"
    ]
  }
}