Problem with custom commands Q1 2009 Release

[Paolo]

Dear Sir,

I'm having a peculiar trouble with RadDock and his custom commands.
I had a project in which I use RadDock with a custom command. Everything has always worked fine.
Last week I installed your latest release (Q1 2009).
Today, I happened to launch the project page containing the RadDock and I found out that the image of the custom command was not properly showed.
At first I start looking for something I could have done but after a while I realized I haven't changed that page lately.
So I decided to try changing your dll with those ones of Q3 2008 release.
Actually, after that, everything seems to work properly.
I tried to change the dll again (with GE 2009) and again the problem appears.
Do you have an idea on what's happening?

Thanks for your reply.

Regards

Paolo

[Petio Petkov]

Hi Paolo,

I used this example to test custom commands look under IE7 and FF3 for all skins and everything looks fine. We changed all RadDock skins and if you have custom dockCommand css class it should be reworked. Please send us a simple running example where we could observe this visual glitch and we will fix it for you.
 
All the best,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Sankar]

Hi Petio,

  I have faced the exact same problem as paolo & i have raised a separate bug report before i had seen this. So, when you say Custom Dock Command Css should be reworked, what exactly should we change. My Css looks something like this:

width: 20px;    
background-image: url('Images/info-blue.png');
background-repeat:no-repeat;
cursor:pointer;

Regards,
Sankar

[Paolo]

Dear Petio,

thank you for your reply.

Before opening a new thread I already tried to run an example of yours on my VS environment and I faced the same problem.
That's why I decided to open this thread, thinking to some sort of bug.
Now, if you say that this example is working well under whatever circumstances I'm going to test it in my case.
I will get back to you with my test results.
In the mean time I'd appreciate if you would let us know what you exactly mean by ""if you have custom dockCommand css class it should be reworked".

Thank you.

Regards

Paolo

[Paolo]

Dear Patio,

I tested this example.
Yes, ok, everything works fine to me as well. But as soon as you change the code and add to the dockcommand tag the property CssClass="MyCustomStyle" here comes the problem: the command appears in the titlebar and works properly but the Icon, defined in MyCustomStyle is not being displayed. In place of the right Icon, your default Collapse Icon has showned.
Following the very simple code on my Css:

.MyCustomStyle
 {
        width:15px;
        background-image:url('images/Editor.gif');
        background-repeat:no-repeat;
}

Looking forward to hearing from you.

Paolo

[Petio Petkov]

Hello Paolo,

Here is how to set the class:
.MyCustomStyle
{
width:15px !important;
background-image:url('images/Editor.gif') !important;
background-repeat:no-repeat !important;
}

We unified the convention for all RadControl css classes in the latest release. More about the new skin changes is available in this forum thread (post from Tervel Peykov).

Sincerely yours,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Paolo]

Dear Petio,

thank you for your reply.
I confirm you that your advise did the trick.

I've checked the thread regarding the new skin changes and the Peykov's blog but I can't figure out how I have to manage my custom css. According to your advise, should I add the keyword "!important" everytime I custom the style of Telerik control?

Regards,

Paolo

[Martin]

Hi Paolo,

Yes, the !important flag is mandatory when you customize our skins, as our stylesheets are rendered after your custom styles, and any property value that you customize will be overridden do the cascading nature of CSS. In order to prevent this, you should use !important. It is completely legal and valid CSS and you may use it without concern.

Have a great weekend,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Paolo]

Ok Martin,

thank you very much for the information.

Have a good weekend you too.

Regards,

Paolo