Forums

Make blocks floating in edit-mode?

Permalink
Hi Folks,

I'm in the process of refining the UI in Edit mode. At this point i would like to see some of my blocks floating in an specific area while in edit-mode, so that displaying is equal to non-edit mode. per default every block behaves like a div (of course they are :P) and so one comes after the other in edit mode.

pimpin' the css isn't the way to go, since i can't call specific div's because of the lack of "unknown" ID/CLASS. Where should i start my investigation? manipulate the block? how can i inject a custom class?
2BitMarv
 
admin replied on at Permalink Reply
Hey Marv

Found any solution for this?
I am using a jcarousel which becomes very difficult to edit. I think the float would solve my problem.

Thanks
DianaAyub replied on at Permalink Reply
DianaAyub
i'm having problems in editing mode ; did u find a solution on how to make the blocks float? it would be very helpful if u can share it ... thanks a bunch
Guido replied on at Permalink Reply
I'm also curious to know if anyone ever found a solution for this!
bdsl replied on at Permalink Reply
One way to do this is do something like this into your block view code:

<div class="myblock">
   <!-- block contents output here -->
</div>
<?php
global $c;
if ($c->isEditMode()) { ?>
    <script type="text/javascript">
               $( ".myblock" ).parent().css( "float", "left" );
    </script>
<?php } ?>