Hi Oberon,

The Div fields are available to allow you to create your own custom HTML Div tags.  Particuarlly useful if you are using the minima template.

An example for use, create a Div Start field, and define the behavior as Start.  Place that field in the beginning of your fields (top) of the Content Type.  Then create a Div End and define that behavior as End, and place that field a the bottom.  So the result is that the Div is "wrapping" the fields that you want for that particular style element.  Finally in the Markup Class (#3) option define the style element for the div (span9).

Hope that helps,

Randy

Hi

Thanks Randy.

Can I use it to separate fields that are on a same position (Top for example) and then have different styles (css) for these different "groups" of fields?

Best regards

Oberon

Hi people is any tutorial that shows how to configure this field?

Im quite lost :)

Thanks

Hi,

No tutorial yet...

Setting up the divs are similar to setting up tabs.  See the Video James did on Tabs.

The difference, is that you apply your markup on the Markup Class (option number 6) in the Form and Content Editor.

hope that helps,

Randy

Hi Thanks for fast answer,

I saw the video, very nice, i alredy understood the tabs, but how i do the "markup class" in "form and content" editor:

For example, what do i use:

background-color; #F2F2F2; border-width:1px;
{background-color; #F2F2F2; border-width:1px;}
.divname {background-color; #F2F2F2; border-width:1px;}
#divname {background-color; #F2F2F2; border-width:1px;}

Thanks

Hi,

you don't insert css directly, but you need to create a css styles and then apply that style - go to your content type e.g. to Admin Form tab and click 6 on the right side, then you can enter this class in Markup class column.

Hi,

Thanks, i still need a little help:

What i did!

In form content type i inserted a class mark up that i called atividades




Where i put the css code? i tried that!

Using minima template i created this file ybcustom.css





What i do here in this root class? What i do to have this ybcustom.css working?


Thanks

Hi,

you need to include css file in your template, to do this you will need to modify templates index.php

There is also another option - you can add this style in component options->Site tab->CSS