Edit Buttons line for custom template

Hello directy,

First of all, hence the docs about file locations and custom template.

Then have a look into the default templates. i.e. for article full view default_record_default.php

See around lines 115++ and find the term "controls". The complete markup is a bit more complex, because it contains bootstrap styles for creating a button-group and drop-down menu. More bloat, but you should find the important part easily.

You may know the little button with gear-icon in frontend, right? This menu includes the "edit" part and is found at lines 128++

<?php if($item->controls):?>
    <a href="#" data-toggle="dropdown" class="dropdown-toggle btn btn-mini"> <?php echo HTMLFormatHelper::icon('gear.png');  ?></a>
    <ul class="dropdown-menu">
        <?php echo list_controls($item->controls);?>
    </ul>
<?php endif;?>

Ok, it works but it open the popup only at the left border of the page and in the same position for all the record. Which css file/class should i manage to open the popup near the icon?

i had a look at the default template but i did not understand how to do...

where i can find these classes? dropdown-toggle btn btn-mini dropdown-menu

marco

directy where i can find these classes? dropdown-toggle btn btn-mini dropdown-menu

All this is Bootstrap standard. (v2 homepage)

I don't know your custom template and surrounding containers. So, I can't really suggest something for allignment and positioning.

In general, for simple allignment there are pre-defined helper classes in bootstrap CSS. Those can be used for drop-downs as well.

For positioning the "controls", you might be better with surrounding containers... and relative/absolute positioning. i.e.:

DIV article START (relative)
DIV controls here... (absolute position to upper-left or right corner)
DIV article END.

ok... solved thanks.. marco

How do you find Cobalt comparing to Resources?