Forums

Scroll Bar dissapears when editing

Permalink
Hello!

Wordpresser here starting his very first site on Concrete 5 and so far loving it, despite of not being easy to find information as easy when having issues:(.

Thought I could give it a go here:

I am building a template based on this site:

http://ianharding.info/advertising.html...

An I want to make just the images inside the scroll-across section editable, so I set up an editable area with a 1 row/10columns layout and I would insert the pictures in each column, problem is that the scroll bar dissapears when in editing mode! I've try all sort of CSS combinations and the problems happens all the time: this is my CSS for that element:

div.scroll {
width:100%;
height:480px;
border:1px solid #A0A0A0;
background-color:#E0E0E0;
overflow-x: auto;
overflow-y: hidden;
font:30px;
}

Would someone be so kind to give me a recommendation?

Thanks,

Dan
 
jordanlev replied on at Permalink Reply
jordanlev
It is unfortunate, but you really want to stay away from layouts as much as possible. They are half-baked and wonky and the core team of developers knows this and has said they have no intention of improving it any time soon (if ever).
Since you are building a template, I assume that means you are familiar with HTML and CSS. If that's true, then I suggest making this a single editable area and use CSS to float everything so they line up horizontally.
You could use the "blockWrapper" feature to ensure the same div around each block, and apply your styles to that -- for example:
<?php
$a = new Area('Main');
$a->setBlockWrapperStart('<div class="my-class">');
$a->setBlockWrapperEnd('</div>');
$a->display($c);
?>


Hope that helps.