resize of borders

[nagendra d]

Hi,
   
   I was using my custom skin for rad window, I need to reduce the size of the right,left and bottom border size to 3px.
And my second query was
     I was not displaying the icon at the top, but i was not able to get the tilte text to the start of the page.( means I was getting an unnecesary space over there.
   Help me out on this 2 issues.

Thanks,
Nagendra

[sitefinitysteve]

If you mean you've set some styles that arent working, it's usually that they're being overridden by the WebResource.axd, so just add !important at the end of your style definition (i.e. border: 1px solid #e6e6e6 !important)

If you need to figure out what to change, get firefox and install firebug, you can inspect the elements and change them in the browser to make sure they work :)

Like here for example
http://demos.telerik.com/aspnet-ajax/window/examples/autosize/defaultcs.aspx
If I add margin-left: -20 to .RadWindow em, the title moves over where the icon used to be.

I was able to set the bottom height with this
.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwFooterLeft, .RadWindow .rwFooterRight, .RadWindow .rwFooterCenter{
 height:3px !important;
}

and the sides with this

.RadWindow .rwCorner {

width:3px !important;

}

[nagendra d]

thanks

  Every thing is working fine except the title.
I have used your code "margin-left: -20 to .RadWindow em"
here, the empty icon space is override on the title, so that title is partially viewed.
can you help me how can I hide the icon space itself.

second- how can I style the title content ( I have 40px header and need to keep the title text in the center).

Thanks,
Nagendra

[sitefinitysteve]

You can hide the icon by overriding the display on it

.RadWindow .rwIcon {
display:none !important
}

[nagendra d]

Thnaks for your reply,
  
   How can I style the title content text ( I have 40px header and need to keep the title text in the center).

Thanks,
Nagendra

[sitefinitysteve]

The text?

Just override
.RadWindow em{
font-size: XX !important
margin-top: 5px !important
/* etc... */
}

Change the font-size, play with margins\padding, you should be able to get it looking how you want....just make sure to make the css item !important to override the Webresource style

Use firefox and firebug, you can tweak all the styles in realtime then just copy\paste the result into your css file.

[nagendra d]

Thanks a lot....I got solved my problems