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

Visual glitch with Dock in Firefox

4 Answers 47 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Mark
Top achievements
Rank 1
Mark asked on 14 Jul 2010, 12:53 AM
Hi,

As seen in the below attachments, for some reason there's a visual glitch in my docks, but only in Firefox.  Any ideas on why it could be?  I haven't defined any custom themes or anything.

Thanks!

Mark

4 Answers, 1 is accepted

Sort by
0
Pero
Telerik team
answered on 14 Jul 2010, 01:45 PM
Hi Mark,

This problem might occur as a result of the following:

  • A global style used in your application is getting applied to the dock control also.
  • You are using the TitlebarTemplate of the RadDock, and the height exceeds the one of the dock's title. The height of the content placed in the TitlebarTemplate's should not exceed 25px.
Please send us a fully working project or a live url, so we could examine the problem locally. I am looking forward to your reply.

Best wishes,
Pero
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Mark
Top achievements
Rank 1
answered on 15 Jul 2010, 05:29 AM
Thanks, I've submitted a ticket, number 328209. 

Much appreciated!
0
Accepted
Pero
Telerik team
answered on 15 Jul 2010, 12:10 PM
Hello Mark,

I responded to your questions in the respective support ticket, but I will provide the solution here, so it is available to other community members. Here it is:

The issue is caused by the following CSS code, from the styles.css stylesheet:
li
{
  margin: 0.2em 0;
  padding: 0;
}

The commands of the RadDock are <li/>s that do not have margin applied, and the global css for the <li/> elements causes part of the image sprite to be shown. To avoid this issue use the following CSS:

ul.rdCommands li
{
    margin: 0;
}


Regards,
Pero
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Mark
Top achievements
Rank 1
answered on 15 Jul 2010, 11:37 PM
This did the trick beautifully.  Many thanks!
Tags
Dock
Asked by
Mark
Top achievements
Rank 1
Answers by
Pero
Telerik team
Mark
Top achievements
Rank 1
Share this question
or