SCED/xml/OptionPanel.xml

<!-- Default formatting -->
<Defaults>
  <Text color="white" alignment="MiddleLeft"/>
  <Toggle isOn="False" rectAlignment="MiddleRight"/>

  <VerticalLayout class="window" active="false" color="black" visibility="Admin" outlineSize="1 1" outline="grey" allowDragging="true" returnToOriginalPositionWhenReleased="false" width="500" height="800"/>
  <VerticalLayout class="group" outlineSize="1 1" outline="grey" color="#222222" padding="10" spacing="5"/>
  <VerticalLayout class="text-column" padding="5 20 0 0"/>

  <HorizontalLayout class="group-content" color="#444444" padding="5" spacing="5"/>

  <Text class="group-header" fontSize="24" font="font_teutonic-arkham"/>
  <Text class="option-header" fontSize="16" font="font_teutonic-arkham"/>
  <Text class="description" fontSize="12"/>

  <Button class="bottomButtons" hoverClass="hover" pressClass="press" selectClass="select" color="#888888" minHeight="35" fontSize="24" font="font_teutonic-arkham"/>
  <Button class="hover" color="grey"/>
  <Button class="press" color="white"/>
  <Button class="select" color="white"/>
</Defaults>

<!-- Option Panel -->
<VerticalLayout id="optionPanel" class="window">
  <Panel minHeight="45" flexibleHeight="0" padding="10 10 0 0">
    <Text font="font_teutonic-arkham" fontSize="35">Options</Text>
  </Panel>
  <VerticalLayout>
    <!-- Group 1 -->
    <VerticalLayout class="group">
      <Panel minHeight="44" image="option_image1" padding="5 0 0 0">
        <Text class="group-header">PLAYERMAT SETTINGS</Text>
      </Panel>

      <!-- Option 1 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Enable snap tags</Text>
          <Text class="description">Only cards with the tag "Asset" will snap (official cards are supported by default).&#xA;Disable this if you are having issues with custom content.</Text>
        </VerticalLayout>
        <Toggle id="toggle1" onValueChanged="onClick_toggleOption(1)" />
      </HorizontalLayout>

      <!-- Option 2 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Show "Draw 1" button</Text>
          <Text class="description">Displays a button below the "Upkeep" button that draws a card from your deck. Useful for multi-handed solo play.</Text>
        </VerticalLayout>
        <Toggle id="toggle2" onValueChanged="onClick_toggleOption(2)"/>
      </HorizontalLayout>

      <!-- Option 3 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Use clickable clue-counters</Text>
          <Text class="description">Instead of automatically counting clues in the respective area on your playermat, this displays a clickable counter for clues.&#xA;Take note of each player's clue count before changing this option!</Text>
        </VerticalLayout>
        <Toggle id="toggle3" onValueChanged="onClick_toggleOption(3)"/>
      </HorizontalLayout>
    </VerticalLayout>

    <!-- Group 2 -->
    <VerticalLayout class="group">
      <Panel minHeight="44" image="option_image2" padding="5 0 0 0">
        <Text class="group-header">FAN-MADE ACCESSORIES</Text>
      </Panel>
      <!-- Option 4 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Toggle Text 4</Text>
          <Text class="description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat...</Text>
        </VerticalLayout>
        <Toggle id="toggle4" onValueChanged="onClick_toggleOption(4)"/>
      </HorizontalLayout>

      <!-- Option 5 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Toggle Text 5</Text>
          <Text class="description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat...</Text>
        </VerticalLayout>
        <Toggle id="toggle5" onValueChanged="onClick_toggleOption(5)"/>
      </HorizontalLayout>

      <!-- Option 6 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Toggle Text 6</Text>
          <Text class="description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat...</Text>
        </VerticalLayout>
        <Toggle id="toggle6" onValueChanged="onClick_toggleOption(6)"/>
      </HorizontalLayout>
    </VerticalLayout>

    <!-- Group 3 -->
    <VerticalLayout class="group">
      <Panel minHeight="30">
        <Text class="group-header">Group 3</Text>
      </Panel>
      <!-- Option 7 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Toggle Text 7</Text>
          <Text class="description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat...</Text>
        </VerticalLayout>
        <Toggle id="toggle7" onValueChanged="onClick_toggleOption(7)"/>
      </HorizontalLayout>

      <!-- Option 8 -->
      <HorizontalLayout class="group-content">
        <VerticalLayout class="text-column">
          <Text class="option-header">Toggle Text 8</Text>
          <Text class="description">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat...</Text>
        </VerticalLayout>
        <Toggle id="toggle8" onValueChanged="onClick_toggleOption(8)"/>
      </HorizontalLayout>
    </VerticalLayout>
  </VerticalLayout>
  <HorizontalLayout minHeight="50" flexibleHeight="0" padding="5" spacing="5">
    <Button class="bottomButtons" onClick="onClick_defaultSettings">Load defaults</Button>
    <Button class="bottomButtons" onClick="onClick_toggleUi(Hidden)">Close</Button>
  </HorizontalLayout>
</VerticalLayout>