Where fixed layout class gets auto generated?

gauravTsDev

i have created a fixed layout where its component-css-class gets auto generated ? I am not able to find that ?

 

XML :

 

<?xml version="1.0" encoding="UTF-8"?>
<Canvas Id="canvas-1203424538071" row-spacing="5" inline-css="true">

  <Name>(Good) Three-column Fixed Layout</Name>

  <Row Id="row-1" area-spacing="5">
    <Area Id="row-1-area-1" component-spacing="5" component-css-class="my-class-name" width="750">
      <Name>Header</Name>
    </Area>
  </Row>

  <Row Id="row-2" area-spacing="5">
    <Area Id="row-2-area-1" component-spacing="15" width="200">
      <Name>Left Column</Name>
    </Area>
    <Area Id="row-2-area-2" component-spacing="15" width="340">
      <Name>Center Column</Name>
    </Area>
    <Area Id="row-2-area-3" component-spacing="15" width="200">
      <Name>Right Column</Name>
    </Area>
  </Row>

  <Row Id="row-3" area-spacing="5">
    <Area Id="row-3-area-1" component-spacing="30" width="750">
      <Name>Footer</Name>
    </Area>
  </Row>
</Canvas>

 

 

Rick Poulin

This doesn't generate any CSS. What component-css-class does is it will apply that class name to the root div of all components placed in this area.