waveform.xml

<Template>
  <WidgetGroup>
    <ObjectName>Waveform_Channel<Variable name="channel"/></ObjectName>
    <Layout>horizontal</Layout>
    <Size>0me,50me</Size>
    <Children>
      <WidgetGroup>
        <ObjectName>WaveformInfo</ObjectName>
        <Layout>vertical</Layout>
        <Size>100f,0me</Size>
        <Children>
          <WidgetGroup>
            <ObjectName>WaveformInfo_Header</ObjectName>
            <Layout>horizontal</Layout>
            <Size>0me,30max</Size>
            <Children>
              <Label>
                <ObjectName>WaveformInfo_Title</ObjectName>
                <Text>Deck&#160;<Variable name="channel"/></Text>
              </Label>
            </Children>
            <Connection>
              <ConfigKey>[Channel<Variable name="channel"/>],play</ConfigKey>
              <BindProperty>highlight</BindProperty>
            </Connection>
          </WidgetGroup>
          <WidgetGroup>
            <ObjectName>WaveformInfo_Data_Container</ObjectName>
            <Layout>vertical</Layout>
            <Size>0me,25me</Size>
            <Children>
              <WidgetGroup>
                <ObjectName>WaveformInfo_Key_Container</ObjectName>
                <Layout>horizontal</Layout>
                <Size>0me,30f</Size>
                <Children>
                  <Label>
                    <ObjectName>WaveformInfo_Key_Icon</ObjectName>
                    <Text>&#9837;&#9839;</Text>
                    <Style>color: black;</Style>
                  </Label>
                  <Key>
                    <ObjectName>WaveformInfo_Key</ObjectName>
                    <TooltipId>visual_key</TooltipId>
                    <Connection>
                      <ConfigKey>[Channel<Variable name="channel"/>],visual_key</ConfigKey>
                    </Connection>
                  </Key>
                </Children>
              </WidgetGroup>
              <WidgetGroup>
                <ObjectName>WaveformInfo_Bars_Container</ObjectName>
                <Layout>horizontal</Layout>
                <Size>0me,10f</Size>
                <Children>
                  <Label>
                    <ObjectName>WaveformInfo_Bars</ObjectName>
                  </Label>
                </Children>
              </WidgetGroup>
              <WidgetGroup>
                <ObjectName>WaveformInfo_Loopsize_Container</ObjectName>
                <Layout>horizontal</Layout>
                <Size>0me,25f</Size>
                <SetVariable name="beatloop_size_chan">[Channel<Variable name="channel"/>], beatloop_size</SetVariable>
                <Children>
                  <Label>
                    <ObjectName>WaveformInfo_Loop_Icon</ObjectName>
                    <Text>&#8635;</Text>
                  </Label>
                  <BeatSpinBox>
                    <ObjectName>WaveformInfo_BeatloopSizeSpinBox</ObjectName>
                    <TooltipId>beatloop_size</TooltipId>
                    <Value>[Channel<Variable name="channel"/>],beatloop_size</Value>
                  </BeatSpinBox>
                </Children>
              </WidgetGroup>
              <WidgetGroup>
                <ObjectName>WaveformInfo_Controls</ObjectName>
                <Layout>horizontal</Layout>
                <Size>0me,30f</Size>
                <Children>

                  <Template src="skin:templates/toggle_button.xml">
                    <SetVariable name="TooltipId">quantize</SetVariable>
                    <SetVariable name="ObjectName">WaveformInfo_QuantizeButton</SetVariable>
                    <SetVariable name="Size">30me,30f</SetVariable>
                    <SetVariable name="LeftConnectionControl">[Channel<Variable name="channel"/>],quantize</SetVariable>
                  </Template>

                  <Template src="skin:templates/toggle_button.xml">
                    <SetVariable name="TooltipId">keylock</SetVariable>
                    <SetVariable name="ObjectName">WaveformInfo_KeylockButton</SetVariable>
                    <SetVariable name="Size">30me,30f</SetVariable>
                    <SetVariable name="LeftConnectionControl">[Channel<Variable name="channel"/>],keylock</SetVariable>
                  </Template>

                </Children>
              </WidgetGroup>
            </Children>
          </WidgetGroup>
        </Children>
      </WidgetGroup>
      <Visual>
        <TooltipId>waveform_display</TooltipId>
        <ObjectName>Waveform<Variable name="channel"/></ObjectName>
        <Channel><Variable name="channel"/></Channel>
        <BgColor>#000</BgColor>
        <BeatColor>#40ffffff</BeatColor>
        <PlayPosColor>#fff</PlayPosColor>
        <SignalColor>#32323c</SignalColor>
        <SignalLowColor>#004ee4</SignalLowColor>
        <SignalMidColor>#c95a00</SignalMidColor>
        <SignalHighColor>#f6e9d3</SignalHighColor>
	<DefaultMark>
          <Align>bottom|right</Align>
          <Color>#FF0000</Color>
          <TextColor>#FFFFFF</TextColor>
         <Text> %1 </Text>
        </DefaultMark>
        <Mark>
          <Control>cue_point</Control>
          <Text>CUE</Text>
          <Color>#ff6000</Color>
          <TextColor>#ff6000</TextColor>
          <Align>bottom</Align>
        </Mark>
        <Mark>
          <Control>hotcue_1_position</Control>
          <Text>A</Text>
          <Color>#f44040</Color>
          <TextColor>#f44040</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_2_position</Control>
          <Text>B</Text>
          <Color>#0ddcf2</Color>
          <TextColor>#0ddcf2</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_3_position</Control>
          <Text>C</Text>
          <Color>#a5df13</Color>
          <TextColor>#a5df13</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_4_position</Control>
          <Text>D</Text>
          <Color>#9d4cfd</Color>
          <TextColor>#9d4cfd</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_5_position</Control>
          <Text>E</Text>
          <Color>#3fec2b</Color>
          <TextColor>#3fec2b</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_6_position</Control>
          <Text>F</Text>
          <Color>#e6681c</Color>
          <TextColor>#e6681c</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_7_position</Control>
          <Text>G</Text>
          <Color>#2749c8</Color>
          <TextColor>#2749c8</TextColor>
          <Align>top</Align>
        </Mark>
        <Mark>
          <Control>hotcue_8_position</Control>
          <Text>H</Text>
          <Color>#c7b205</Color>
          <TextColor>#c7b205</TextColor>
          <Align>top</Align>
        </Mark>

        <Mark>
          <Control>loop_start_position</Control>
          <Text>LOOP IN</Text>
          <Color>#6ee128</Color>
          <TextColor>#6ee128</TextColor>
          <Align>bottom</Align>
        </Mark>
        <Mark>
          <Control>loop_end_position</Control>
          <Text>LOOP OUT</Text>
          <Color>#6ee128</Color>
          <TextColor>#6ee128</TextColor>
          <Align>bottom</Align>
        </Mark>
        <MarkRange>
          <StartControl>loop_start_position</StartControl>
          <EndControl>loop_end_position</EndControl>
          <EnabledControl>loop_enabled</EnabledControl>
          <Color>#6ee128</Color>
          <Opacity>0.8</Opacity>
          <DisabledColor>#acacac</DisabledColor>
          <DisabledOpacity>0.4</DisabledOpacity>
        </MarkRange>
      </Visual>
    </Children>
  </WidgetGroup>
</Template>