bedrock-samples/resource_pack/ui/csb_sections/faq_section.json

{
  "namespace": "csb_faq",

  "faq_bottom_button@common_buttons.light_content_button": {
    "$button_text": "store.csb.faq.bottom2",
    "$button_text_size": [ "default", "default" ],
    "$button_text_max_size": [ "100% - 10px", 18 ],
    "$pressed_button_name": "button.visit_help",
    "$button_content": "csb_buy.button_text",
    "$focus_override_left": "faq_toggle_focus"
  },

  "faq_image_section": {
    "type": "panel",
    "size": [ "100%c", "100%sm" ],
    "anchor_from": "center",
    "anchor_to": "center",
    "controls": [
      {
        "faq_image": {
          "type": "image",
          "size": "$image_size",
          "texture": "$image_texture"
        }
      }
    ]
  },

  "faq_text_section_body": {
    "type": "stack_panel",
    "orientation": "vertical",
    "size": [ "fill", "100%c" ],
    "$faq_question|default": "",
    "$faq_answer|default": ""
  },

  "faq_text_question": {
    "type": "label",
    "text": "$faq_question",
    "size": [ "100%", "default" ],
    "color": "$store_white_text_color"
  },

  "faq_text_section@csb_faq.faq_text_section_body": {
    "controls": [
      {
        "faq_text_question@csb_faq.faq_text_question": {}
      },
      {
        "faq_text_answer": {
          "type": "label",
          "text": "$faq_answer",
          "size": [ "100%", "default" ],
          "font_type": "smooth",
          "font_scale_factor": 0.9,
          "color": "$store_white_text_color"
        }
      }
    ]
  },

  "faq_price_bound_text_section@csb_faq.faq_text_section_body": {
    "controls": [
      {
        "faq_text_question@csb_faq.faq_text_question": {}
      },
      {
        "faq_text_answer": {
          "type": "label",
          "text": "#faq_price_text",
          "size": [ "100%", "default" ],
          "font_type": "smooth",
          "font_scale_factor": 0.9,
          "color": "$store_white_text_color",
          "bindings": [
            {
              "binding_name": "#faq_price_text"
            }
          ]
        }
      }
    ]
  },

  "faq_question_body@csb_faq.faq_question_body_stack": {
    "controls": "$question_body_controls"
  },

  "faq_question_body_stack": {
    "type": "stack_panel",
    "orientation": "horizontal",
    "size": [ "100%", "100%cm" ]
  },

  "faq_question_body_horz_padding": {
    "type": "panel",
    "size": [ 4, "100%c" ]
  },

  "image_left_faq_question_body@common_buttons.text_body_focus_border_for_controller_button": {
    "$text_control": "csb_faq.faq_question_body",
    "$text_control_size": [ "100%", "100%cm" ],
    "$tts_section_header": "store.csb.faq.header",
    "$question_body_controls": [
      {
        "faq_question_body_horz_padding_1@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_image_section@csb_faq.faq_image_section": {}
      },
      {
        "faq_question_body_horz_padding_2@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_text_section@csb_faq.faq_text_section": {}
      },
      {
        "faq_question_body_horz_padding_3@csb_faq.faq_question_body_horz_padding": {}
      }
    ]
  },

  "image_right_faq_question_body@common_buttons.text_body_focus_border_for_controller_button": {
    "$text_control": "csb_faq.faq_question_body",
    "$text_control_size": [ "100%", "100%cm" ],
    "$tts_section_header": "store.csb.faq.header",
    "$question_body_controls": [
      {
        "faq_question_body_horz_padding_1@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_text_section@csb_faq.faq_text_section": {}
      },
      {
        "faq_question_body_horz_padding_2@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_image_section@csb_faq.faq_image_section": {}
      },
      {
        "faq_question_body_horz_padding_3@csb_faq.faq_question_body_horz_padding": {}
      }
    ]
  },

  "image_left_faq_price_bound@common_buttons.text_body_focus_border_for_controller_button": {
    "$text_control": "csb_faq.faq_question_body",
    "$text_control_size": [ "100%", "100%cm" ],
    "$tts_section_header": "store.csb.faq.header",
    "$question_body_controls": [
      {
        "faq_question_body_horz_padding_1@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_image_section@csb_faq.faq_image_section": {}
      },
      {
        "faq_question_body_horz_padding_2@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_text_section@csb_faq.faq_price_bound_text_section": {}
      },
      {
        "faq_question_body_horz_padding_3@csb_faq.faq_question_body_horz_padding": {}
      }
    ]
  },

  "image_right_faq_price_bound@common_buttons.text_body_focus_border_for_controller_button": {
    "$text_control": "csb_faq.faq_question_body",
    "$text_control_size": [ "100%", "100%cm" ],
    "$tts_section_header": "store.csb.faq.header",
    "$question_body_controls": [
      {
        "faq_question_body_horz_padding_1@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_text_section@csb_faq.faq_price_bound_text_section": {}
      },
      {
        "faq_question_body_horz_padding_2@csb_faq.faq_question_body_horz_padding": {}
      },
      {
        "faq_image_section@csb_faq.faq_image_section": {}
      },
      {
        "faq_question_body_horz_padding_3@csb_faq.faq_question_body_horz_padding": {}
      }
    ]
  },

  "faq_section_header_space": {
    "type": "panel",
    "size": [ "100%", 8 ]
  },

  "faq_section_divider@common.section_divider": {
    "$top_padding_size": [ "100%", 4 ],
    "$bottom_padding_size": [ "100%", 4 ]
  },

  "faq_content_section@csb.section_base": {
    "controls": [
      {
        "faq_section_vertical_padding_1@csb.vertical_padding_4px": {}
      },
      {
        "faq_header": {
          "type": "label",
          "size": [ "100%", "default" ],
          "text": "store.csb.faq.header",
          "font_scale_factor": 1.2,
          "text_alignment": "center",
          "color": "$store_white_text_color",
          "layer": 1
        }
      },
      {
        "faq_section_vertical_padding_2@csb_faq.faq_section_header_space": {}
      },
      {
        "faq_question_1@csb_faq.image_right_faq_price_bound": {
          "$faq_question": "store.csb.faq.question1",
          "$faq_answer": "store.csb.faq.answer1",
          "$image_size": [ 50, "50%x" ],
          "$image_texture": "textures/ui/csb_faq_bee"
        }
      },
      {
        "faq_question_1_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_2@csb_faq.image_left_faq_question_body": {
          "$faq_question": "store.csb.faq.question2",
          "$faq_answer": "store.csb.faq.answer2",
          "$image_size": [ 50, "50%x" ],
          "$image_texture": "textures/ui/csb_welcome_3x6"
        }
      },
      {
        "faq_question_2_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_3@csb_faq.image_right_faq_question_body": {
          "$faq_question": "store.csb.faq.question3",
          "$faq_answer": "store.csb.faq.answer3",
          "$image_size": [ 50, "75%x" ],
          "$image_texture": "textures/ui/csb_faq_horse"
        }
      },
      {
        "faq_question_3_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_4@csb_faq.image_left_faq_question_body": {
          "$faq_question": "store.csb.faq.question4",
          "$faq_answer": "store.csb.faq.answer4",
          "$image_size": [ 50, "75%x" ],
          "$image_texture": "textures/ui/csb_faq_pig"
        }
      },
      {
        "faq_question_4_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_5@csb_faq.image_right_faq_question_body": {
          "$faq_question": "store.csb.faq.question5",
          "$faq_answer": "store.csb.faq.answer5",
          "$image_size": [ 50, "75%x" ],
          "$image_texture": "textures/ui/csb_faq_fox"
        }
      },
      {
        "faq_question_5_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_6@csb_faq.image_left_faq_question_body": {
          "$faq_question": "store.csb.faq.question6",
          "$faq_answer": "store.csb.faq.answer6",
          "$image_size": [ 50, "75%x" ],
          "$image_texture": "textures/ui/promo_creeper"
        }
      },
      {
        "faq_question_6_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_7@csb_faq.image_right_faq_question_body": {
          "$faq_question": "store.csb.faq.question7",
          "$faq_answer": "store.csb.faq.answer7",
          "$image_size": [ 50, "50%x" ],
          "$image_texture": "textures/ui/csb_faq_bee"
        }
      },
      {
        "faq_question_7_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_8@csb_faq.image_left_faq_question_body": {
          "$faq_question": "store.csb.faq.question8",
          "$faq_answer": "store.csb.faq.answer8",
          "$image_size": [ 50, "75%x" ],
          "$image_texture": "textures/ui/csb_faq_parrot"
        }
      },
      {
        "faq_question_8_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_question_9@csb_faq.image_right_faq_question_body": {
          "$faq_question": "store.csb.faq.question9",
          "$faq_answer": "store.csb.faq.answer9",
          "$image_size": [ 50, "50%x" ],
          "$image_texture": "textures/ui/promo_chicken"
        }
      },
      {
        "faq_question_9_divider@csb_faq.faq_section_divider": {}
      },
      {
        "faq_button@csb_faq.faq_bottom_button": {
          "size": [ "100%", "20px" ]
        }
      },
      {
        "faq_bottom_padding": {
          "type": "panel",
          "size": [ "100%", 4 ],
          "controls": [
            {
              "bottom_left_particles": {
                "type": "image",
                "size": [ "100%", "100%x" ],
                "offset": [ 0, 50 ],
                "texture": "textures/ui/csb_sparkles",
                "anchor_from": "bottom_left",
                "anchor_to": "bottom_left",
                "layer": -1
              }
            }
          ]
        }
      }
    ]
  }
}