This is a migrated thread and some comments may be shown as answers.

EnableRoundedCorners=false fails on silk skin

5 Answers 55 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 11 Sep 2014, 07:16 AM
Hi,

On the silk skin the enable rounded corners fails to work, presumably this is a bug?

What would be the CSS for hiding the rounded corners please?

Regards

Jon

5 Answers, 1 is accepted

Sort by
0
Slav
Telerik team
answered on 15 Sep 2014, 07:40 PM
Hello Jon,

This is a known bug that occurs when the RadDock control is in Silk or Glow skin. I have raised its priority, however I cannot provide a firm estimation when it will be fixed. You can use its item in our feedback portal to track its status, vote for it and comment it: http://feedback.telerik.com/Project/108/Feedback/Details/137889

You could remove the rounded corners from the docks by adding the following style on the page:
.RadDock.RadDock_Silk {
    border-radius: 0;
}

Regards,
Slav
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Jon
Top achievements
Rank 1
answered on 16 Sep 2014, 07:44 AM
Hi Slav,

Many thanks.  That has kind of fixed it. The rounded corners are still visible behind the now squared off corners.  

I've tried to figure out how to force the background image to stop working but with no luck - any suggestions?

Also how would I change the height of the dock header?  

Regards

Jon
0
Jon
Top achievements
Rank 1
answered on 16 Sep 2014, 10:27 AM
Hi Slav,

I've solved the reason for the corners appearing but still need help for a fix!  What was happening is that the page I saw the issue on had a background colour.  As such the corner image on the header background bleed through looking like there is still a corner.  Is there any CSS that I can use to adjust the background position.  This would be needed on both the header and bottom left/right corners.

Also need the resolution on the height issue.

Regards

Jon
0
Accepted
Slav
Telerik team
answered on 18 Sep 2014, 02:21 PM
Hi Jon,

Excuse me, there are some more styles of RadDock that need to be modified. I have attached a sample page that demonstrates the full customization for removing the rounded corners. It also includes styles for changing the height of the title bar, which you requested.

Regards,
Slav
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Jon
Top achievements
Rank 1
answered on 18 Sep 2014, 04:04 PM
Hi Slav

Excellent many thanks - works perfectly now.

Not sure why I have so much trouble identifying which styles need changing given how good the inspection tools are

Best Regards

Jon
Tags
Dock
Asked by
Jon
Top achievements
Rank 1
Answers by
Slav
Telerik team
Jon
Top achievements
Rank 1
Share this question
or