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

Prospective Customer: Skin issue in IE7

5 Answers 48 Views

Grid

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

5 Answers, 1 is accepted

answered on 28 Sep 2009, 09:30 AM

Hi Kevin,

I am not sure whether you are using custom CSS code or declarative style properties.

Generally, the first thing to do in such situations is validate all custom CSS code and make sure that it is syntactically correct. Even if it is, there is a possibility that you have stumbled upon some IE quirk or limitation. In this case you can target CSS styles to IE only like this:

* html ....
{
       /* ... styles for IE6 */
}

*+html ....
{
       /* ... styles for IE7 */
}

For example, if you have the following CSS rule:

.MyClass
{
      width: 100px;
}

... you can set a different width for IE6 like this:

* html .MyClass
{
      width: 120px;
}

Generally, you can use the web developer toolbar for IE to see what CSS styles are being applied to a given HTML element.

In addition, please note that IE is unable to register more than 32 CSS files on a web page. Using RadStyleSheetManager in such cases helps.

If you send us a sample page (you can attach files in regular support tickets), we will run it locally and provide further advice.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 28 Sep 2009, 02:21 PM

Hello Dimo,

Thanks for your response. I only have 4 CSS files attached to my project. I'm still confused because if I want to use the built-in skins that your plugins offer, how am I supposed to find and edit the CSS to get this to work in IE7? It doesn't add any CSS file to my solution explorer. When I use the IE Developer Toolbar and Firebug in Firefox, I see the classes within the CSS, but I'm unsure as to where I should be navigating to within my project.

Is there any reason why this wouldn't be working between all browsers? Does it normally, or do most users have to edit this to get it working between all modern browsers?

Thanks,
Kevin

answered on 28 Sep 2009, 03:25 PM

Hello Kevin,

Indeed, our embedded skins and CSS code cannot be seen or edited in design time, but you can add your custom CSS rules to override some of the embedded styles:

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx

Your questions are too general and I am afraid I cannot provide information, which is specific enough to help you. I suggest you to open a regular support ticket, attach a runnable prioject and explain what exactly are you trying to do.

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

answered on 28 Sep 2009, 03:33 PM

Hi Dimo,

I appreciate your quick replies. To be more specific, I am having issues with the background image when a GridBox item is selected. When using a skin and a check box/row is selected, the background image appears in all browsers except for IE. When this happens, IE has nothing behind it, and the forecolor of the text is white, which cannot be seen since the background of the grid is white. I'm unsure how to fix this issue if I cannot edit your CSS, unless I apply an IE-specific fix that defines a background color only for a table row. I am NOT trying to do anything custom - I just want it to work in all browsers, like all of the demos are on your website. Is there anyway you might be able to help without attaching a running project file?

Thanks,
Kevin

answered on 29 Sep 2009, 07:13 AM

Hi Kevin,

I suppose you have some custom website CSS styles, which interfere with the RadGrid styles (for example some table / table row/ table cell background styles). Here is a demo, which works as expected:

http://demos.telerik.com/aspnet-ajax/grid/examples/client/selecting/defaultcs.aspx

(you can change the skin from the dropdown in the yellow title bar)

As I suggested in my previous message, please send us a runnable page or a live URL, so that we can see what the problem is and provide a solution.

All the best,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.