Rounded corners on buttons

5 posts by 4 authors in: Forums > CMS Builder
Last Post: February 3, 2011   (RSS)

By gversion - January 31, 2011

Hi Guys,

I am trying to use the same CSS style on the front-end of my website as is used in the cmsAdmin control panel.

I have managed to get the buttons looking almost the same (I am using the blue theme) but can't make the rounded corners appear.

Could someone please point me in the right direction so I can add this nice polishing touch (i.e. the rounded corners) to the buttons on the front-end of my site?

Thank you,
Greg

Re: [gversion] Rounded corners on buttons

By Toledoh - January 31, 2011

try
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
-khtml-border-radius: 10px 0 10px 0;
border-radius: 10px 0 10px 0;

There's other methods, and this doesn't work in some browsers...
Cheers,

Tim (toledoh.com.au)

Re: [Toledoh] Rounded corners on buttons

By gversion - February 1, 2011

Hi Tim,

Thanks for the message - the code you provided rounded the top left and bottom right corners.

Is this code taken from the existing CMS Builder CSS file? If so I can't seem to find it.

I'd like to know where the code is that Interactive Tools used to create the rounded corners so I'd be grateful if you could let me know.

Thanks again,
Greg

Re: [gversion] Rounded corners on buttons

By Jason - February 1, 2011

Hi Greg,

The CMS Builder CSS are stored here:

cmsAdmin/3rdParty/SimplaAdmin/css/

Hope this helps.
---------------------------------------------------
Jason Sauchuk - Project Manager
interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/