SCED/xml/OptionPanel.xml

<!-- Default formatting -->
<Defaults>
  <Text color="#FFFFFF"
    alignment="MiddleLeft" />

  <Toggle isOn="False"
    rectAlignment="MiddleRight" />

  <Cell dontUseTableCellBackground="true"
    outlineSize="0 1"
    outline="grey" />

  <!-- main window -->
  <TableLayout class="window"
    width="500"
    height="700"
    active="false"
    color="#000000"
    outlineSize="2 2"
    outline="grey"
    showAnimation="SlideIn_Right"
    hideAnimation="SlideOut_Right"
    animationDuration="0.1" />

  <!-- group headers -->
  <Row class="group-header"
    preferredHeight="60" />
  <Cell class="group-header"
    columnSpan="2"
    color="#222222" />
  <Panel class="group-header"
    padding="5 0 0 0" />
  <Text class="group-header"
    fontSize="28"
    font="font_teutonic-arkham" />

  <!-- options -->
  <Row class="option-text"
    preferredHeight="85"/>
  <Cell class="option-text"
    color="#333333"/>
  <Cell class="option-button"
    color="#333333"/>
  <VerticalLayout class="text-column"
    padding="10 0 0 0"
    spacing="5"/>
  <Text class="option-header"
    fontSize="20"
    font="font_teutonic-arkham"/>
  <Text class="description"
    fontSize="12"/>

  <!-- buttons at the bottom -->
  <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 -->
<TableLayout id="optionPanel"
  class="window"
  active="false"
  rectAlignment="LowerRight"
  offsetXY="-50 60">
  <!-- Header: Options -->
  <Row preferredHeight="60">
    <Cell>
      <Panel padding="10 0 0 0">
        <Text font="font_teutonic-arkham"
          fontSize="35">Options</Text>
      </Panel>
    </Cell>
  </Row>

  <!-- Scrollable part with options -->
  <Row>
    <Cell>
      <VerticalScrollView horizontalScrollbarVisibility="AutohideAndExpandViewport">
        <TableLayout columnWidths="0 75"
          autoCalculateHeight="1"
          cellPadding="10 0 8 8">
          <!-- Group: playermat settings -->
          <Row class="group-header">
            <Cell class="group-header">
              <Panel class="group-header"
                image="header_core">
                <Text class="group-header">PLAYERMAT SETTINGS</Text>
              </Panel>
            </Cell>
          </Row>

          <!-- Option: enable snap tags -->
          <Row class="option-text">
            <Cell class="option-text">
              <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>
            </Cell>
            <Cell class="option-button">
              <Toggle id="useSnapTags"
                onValueChanged="onClick_toggleOption(useSnapTags)"/>
            </Cell>
          </Row>

          <!-- Option: show draw 1 button -->
          <Row class="option-text">
            <Cell class="option-text">
              <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>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showDrawButton"
                onValueChanged="onClick_toggleOption(showDrawButton)"/>
            </Cell>
          </Row>

          <!-- Option: use clickable clue-counters -->
          <Row class="option-text">
            <Cell class="option-text">
              <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.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="useClueClickers"
                onValueChanged="onClick_toggleOption(useClueClickers)"/>
            </Cell>
          </Row>

          <!-- Option: splash scenario name on setup -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Show Scenario Title on Setup</Text>
                <Text class="description">Fade in the name of the scenario for 2 seconds when placing down a scenario.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showTitleSplash"
                onValueChanged="onClick_toggleOption(showTitleSplash)"/>
            </Cell>
          </Row>

          <!-- Group: fan-made accessories -->
          <Row class="group-header">
            <Cell class="group-header">
              <Panel class="group-header"
                image="header_acolyte">
                <Text class="group-header">FAN-MADE ACCESSORIES</Text>
              </Panel>
            </Cell>
          </Row>

          <!-- Option: show token arranger -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Token Arranger</Text>
                <Text class="description">See the contents of the chaos bag at a glance! This tool displays a sorted table of the tokens to allow easier guessing of your odds.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showTokenArranger"
                onValueChanged="onClick_toggleOption(showTokenArranger)"/>
            </Cell>
          </Row>

          <!-- Option: show clean up helper -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Clean Up Helper</Text>
                <Text class="description">Useful for campaign-play: It resets play areas to allow continuous gameplay in the same savegame.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showCleanUpHelper"
                onValueChanged="onClick_toggleOption(showCleanUpHelper)"/>
            </Cell>
          </Row>

          <!-- Option: show hand helper -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Hand Helper</Text>
                <Text class="description">Never count your hand cards again! This tool does that for you and can even take "Dream-Enhancing Serum" into account. Also includes a button for randomly discard a card.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showHandHelper"
                onValueChanged="onClick_toggleOption(showHandHelper)"/>
            </Cell>
          </Row>

          <!-- Option: show chaos bag manager -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Chaos Bag Manager</Text>
                <Text class="description">Panel for easy addition or removal of chaos tokens to the bag - very useful for EotE because of Frost tokens!</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showChaosBagManager"
                onValueChanged="onClick_toggleOption(showChaosBagManager)"/>
            </Cell>
          </Row>

          <!-- Option: show navigation overlay -->
          <Row class="option-text">
            <Cell class="option-text">
              <VerticalLayout class="text-column">
                <Text class="option-header">Navigation Overlay</Text>
                <Text class="description">This enables an overlay for quickly moving the camera to various points on the table.</Text>
              </VerticalLayout>
            </Cell>
            <Cell class="option-button">
              <Toggle id="showNavigationOverlay"
                onValueChanged="onClick_toggleOption(showNavigationOverlay)"/>
            </Cell>
          </Row>
        </TableLayout>
      </VerticalScrollView>
    </Cell>
  </Row>

  <!-- Buttons: Defaults and Close -->
  <Row preferredHeight="50">
    <Cell>
      <HorizontalLayout minHeight="55"
        flexibleHeight="0"
        padding="10 10 5 10"
        spacing="225">
        <Button class="bottomButtons"
          onClick="onClick_defaultSettings">Load defaults</Button>
        <Button class="bottomButtons"
          onClick="onClick_toggleUi(Hidden)">Close</Button>
      </HorizontalLayout>
    </Cell>
  </Row>
</TableLayout>