Component drag-drop in Edit mode

Hi,
I have been developing livesite components for my site, in Sitepublisher by default components can be drag-dropped in the page grid. I am facing a problem where I am not able to drag or resize the components in page using just the mouse, I have to edit the component and set the values in 'Layout' . I found that its happening due to our main CSS file used throughout the site. If I disable the CSS in default.site , I am able to drag/resize the components. At this point I am clueless about what CSS property or class is affecting the component drag-drop functionality . Any pointers on how I can find the CSS changes which are causing this issue ?

Thanks !

Regards,
Ankit

Find more posts tagged with

Comments

Bowker

Well you didn't post the css file you are using but I would look at:

1) position:
2) top:
3) left:
4) align:
5) float:

You also mentioned resizing. Look at
1) height
2) width
3) max-....
4) min-....

Rick Poulin

Typically this happens because you collapsed the box surrounding your content, usually by specifying a float value other than 'none', or position:absolute. This causes the surrounding div.iw_component to collapse to zero width and height, thus making the resize handles almost unusable. Depending on your browser, you may still have a 1px-sized handle in the top left corner of the component.

TeamsiteDev

Hi Dan/Rick ,

Thank you for your responses. Yes you have correctly pointed , I managed to fix the component drag/resize problem. All the components in which the root element CSS class had a property "position:relative" or "position:absolute" could not be dragged. After removing this property , drag/resize started working.

Thanks !

Regards,
Ankit