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

Default RadGrid Images not showing even with "EnableTheming=false"

5 Answers 100 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Grumpwurst
Top achievements
Rank 1
Grumpwurst asked on 02 Jul 2012, 02:49 PM
All,

I'm having a GUI issue with the RadGrid, a problem that I thought I had resolved by setting the EnableTheming to false on the RadGrid itself.

The problem is that I get blanks instead of images for any of the controls on the RadGrid that are supposed to be imaged.  Originally, I got around this problem by setting 'EnableTheming=false', but as soon as I attached a Master page to the screen, the problem came back.

I tried setting the EnableTheming to false for the page and the Master Page and it still doesn't alleviate the problem.  If I remove the Master Page, the images come back.

I'm wondering what else might be causing this conflict.  Based on the behavior, I'm thinking it's something that might be coded on the Master page itself.

Any hints or tips would be greatly appreciated

Ray

5 Answers, 1 is accepted

Sort by
0
Grumpwurst
Top achievements
Rank 1
answered on 02 Jul 2012, 03:05 PM
Just to add to the root causing of this bizarre issue, I created a new Master Page that is pretty much devoid of any useful content.  The problem of the missing images persists.  Here is the code of the Mater Page:

We are using the latest version of the controls

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="SiteTest.master.cs" Inherits="UI.Web.SiteTest" %> 
    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<head runat="server"
    <title></title
    <asp:ContentPlaceHolder ID="head" runat="server"
    </asp:ContentPlaceHolder
</head
<body
    <form id="form1" runat="server"
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"
    </telerik:RadScriptManager
    <div
        <asp:ContentPlaceHolder ID="MainContent" runat="server"
        </asp:ContentPlaceHolder
    </div
    </form
</body
</html>
0
Maria Ilieva
Telerik team
answered on 05 Jul 2012, 02:10 PM
Hi Ray,

Could you please elaborate a bit more on your application? Sharing the RadGrid declaration and the related code behind will help us further research on the issue. It will also be helpful if you could provide a live url where we can inspect the page and do out best to isolate the root cause of the problem.

Greetings,
Maria Ilieva
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Grumpwurst
Top achievements
Rank 1
answered on 05 Jul 2012, 08:27 PM
Maria,

Thanks for your response.  Unfortunately, corporate policy forbids me from posting any code.  So, I've tried to make my samples as generic as possible.  But, I don't have any immediate time to create a clean mini-project that replicates the problem in order to post up here.  I hope I can soon.

In the meantime, I have narrowed down the problem to being somehow related to CSS.  If I remove the 'theme="Default"' tag from the web.config page properties and I remove the link to the default.css file in the master page, the graphics come back.  Albeit, the page looks horrible due to the lack of theming.

The odd thing is that I do NOT have to do this if a Master Page is not being utlized.

Regardless, I need to scour the huge CSS file to look for what might be overriding the Telerik theming.  Do I need to be looking for CSS classes that theme buttons or just link buttons?

I really wish we had a property that allowed us to tell the Telerik controls to never use the local theming and use theirs instead. 

0
Grumpwurst
Top achievements
Rank 1
answered on 09 Jul 2012, 02:02 PM

Just in case anyone else stumbles across this thread, I wanted to post a reply to say that I found the solution to my problem.  It turns out that I had some CSS that was being globally applied to buttons:

input[type="button"] {
   padding-top: 2px;
   padding-bottom: 1px;
   padding-left: 6px;
   padding-right: 6px;
   color:#6688A4;
   font-family:Arial;
   font-size:11px;
   font-weight:bold;
   color: #333333;
   background-color:#FFFFFF;
   border:1px double #003C74;
   filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#ffffff',EndColorStr='#CCCCCC');
}
This code was provided by our "standards" group for theming buttons.  Well that last line (in bold) has always been an IE-only style and never really caused any problems.  Well, when I took it out, the problem went away. 

Why the problem only occurred with there was a master page, I don't know.  But it definitely was resolved by taking a close look at the CSS that was being applied
0
Maria Ilieva
Telerik team
answered on 10 Jul 2012, 11:31 AM
Hi Ray,

Thank you for sharing your solution with the community. I hope it will be helpful for other users facing similar issues.

Regards,
Maria Ilieva
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Grumpwurst
Top achievements
Rank 1
Answers by
Grumpwurst
Top achievements
Rank 1
Maria Ilieva
Telerik team
Share this question
or