set raddcock Margin

[prayag ganoje]

Hello,

I have raddcocks in the raddock layout. I out three table columns and three raddock zones inside these three columns.

I create a raddcock dynamically and load in the raddcock zone. I observed that there is margin left between table left, top right border and raddock. Please see the attached image. I tried to use the css properties but it didnt help.

Can you please suggest good way to remove unwanted margins ?

PN:- I want to set margin to 9px at left, top and right.

[prayag ganoje]

I used CSS:

.RadDock
    {
        height: auto;
        margin: 0px 0px 9px 0px;
        padding-bottom:0px !important;
        border-bottom-width:0px;
    }
.RadDock .rdTop .rdTitleBar
{
text-align: left;
position: relative;
vertical-align:top !important;
}

[Pero]

Hello Prayag,

The RadDockZone has a default padding of 4 pixels, which could be easily removed with a bit of CSS, but I am not sure whether this will help in your case. From the screenshot I see that there is a space between the dock's right side and the zone, that looks greater than 4px, and it might come from the table the zones are placed in.
Please try the following CSS on your page and in case the issue persists please send a sample runnable project, so we can debug the problem locally.

<style type="text/css">
    .RadDockZone
    {
        padding: 0px !important;
    }
</style>

All the best,
Pero
the Telerik team