mask_triels

BUTTON.HTML:



<div class="row button">

         <div class="<f:if condition="{data.tx_mask_blockwidth}">

<f:switch expression="{data.tx_mask_blockwidth}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

"<f:if condition="{data.tx_mask_opacity}">
<f:switch expression="{data.tx_mask_opacity}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

"<f:if condition="{data.tx_mask_backgroundcolor}">
{data.tx_mask_backgroundcolor}
</f:if>">


    <div class="<f:if condition="{data.tx_mask_alignment}">
<f:switch expression="{data.tx_mask_alignment}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>">


        <f:if condition="{data.tx_mask_buttontitle}">
{data.tx_mask_buttontitle}
</f:if>
                <a href="<f:if condition="{data.tx_mask_buttontarget}">

<f:link.page pageUid="{data.tx_mask_buttontarget}">{data.tx_mask_buttontarget}</f:link.page>
</f:if>" class="btn <f:if condition="{data.tx_mask_buttontype}">
<f:switch expression="{data.tx_mask_buttontype}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

style="border-color: #000000; color:<f:if condition="{data.tx_mask_fontcolor}">
{data.tx_mask_fontcolor}
</f:if>;">

                </a>

    </div>

                </div>

    </div>
                </div>


1COL HTML

<section class=

width="
<f:if condition="{data.tx_mask_containerwidth}">
<f:switch expression="{data.tx_mask_containerwidth}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

margin-top="
<f:if condition="{data.tx_mask_margintop}">
<f:switch expression="{data.tx_mask_margintop}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

padding-top="
<f:if condition="{data.tx_mask_paddingtop}">
<f:switch expression="{data.tx_mask_paddingtop}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

padding-bottom="
<f:if condition="{data.tx_mask_paddingbottom}">
<f:switch expression="{data.tx_mask_paddingbottom}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

marging-bottom="
<f:if condition="{data.tx_mask_marginbottom}">
<f:switch expression="{data.tx_mask_marginbottom}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

style="background-color:<f:if condition="{data.tx_mask_backgroundcolor}">
{data.tx_mask_backgroundcolor}
</f:if>"

    <span style="color:<f:if condition="{data.tx_mask_fontcolor}">
{data.tx_mask_fontcolor}
</f:if>"</span>


<f:if condition="{data.tx_mask_backgroundimage}">
<f:for each="{data.tx_mask_backgroundimage}" as="file">
  <f:image image="{file}" alt="{file.alternative}" title="{file.title}" width="200" />
  {file.description} / {file.identifier}
</f:for>
</f:if>

<div class="container">
        <div class="row">
             <div class="col-xs-12 col">
                <div class="contentwrap contentwrap-8">
<f:if condition="{data.tx_mask_containercontent1}">
<f:for each="{data.tx_mask_containercontent1}" as="data_item">
<f:cObject typoscriptObjectPath="lib.tx_mask.content">{data_item.uid}</f:cObject>
</f:for>
</f:if>
                </div>
             </div>
        </div>
</div>
</section>


TEXT.HTML:

<div class="row textbox">

                <div class="<f:if condition="{data.tx_mask_blockwidth}">
<f:switch expression="{data.tx_mask_blockwidth}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"
<f:if condition="{data.tx_mask_opacity}">
<f:switch expression="{data.tx_mask_opacity}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch><
</f:if>">"
        <f:if condition="{data.tx_mask_text}">
<f:format.html parseFuncTSPath="lib.parseFunc_RTE">{data.tx_mask_text}</f:format.html>
</f:if>
                </div>

    </div>
 <div class="row textbox">

                <div class="<f:if condition="{data.tx_mask_blockwidth}">
<f:switch expression="{data.tx_mask_blockwidth}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>"

<f:if condition="{data.tx_mask_opacity}">
<f:switch expression="{data.tx_mask_opacity}">
  <f:case value="1">Value is: 1</f:case>
  <f:case value="2">Value is: 2</f:case>
  <f:case value="3">Value is: 3</f:case>
</f:switch>
</f:if>">
<f:if condition="{data.tx_mask_text}">
<f:format.html parseFuncTSPath="lib.parseFunc_RTE">{data.tx_mask_text}</f:format.html>
</f:if>

                </div>

    </div>







        </div>