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

Expand Icon on Grid does not appear in custom theme

8 Answers 30 Views
Theme Builder
This is a migrated thread and some comments may be shown as answers.
Jonathan
Top achievements
Rank 1
Veteran
Jonathan asked on 02 Jul 2018, 05:34 PM

Hi.. I created a new theme (as you know)

When I apply the theme - the 'Expand' symbol/graph does not appear.  See attachment. If i remove it I see the '>'.

 

Here's the generated CSS - how can I make the arrow appear or add my own image?

 

thx again!

 

.RadGrid_Flom .rgActiveRow td:not(.rgExpandCol) {
  box-shadow: inset 0px 5px 5px -5px #676767, inset 0px -5px 5px -5px #676767; 
}

.RadGrid_Flom .rgActiveRow td:first-child:not(.rgExpandCol),
.RadGrid_Flom GTT06222018 + td {
    box-shadow: inset 0px 5px 5px -5px #676767, inset 0px -5px 5px -5px #676767, inset 5px 0px 5px -5px #676767;
}

.RadGrid_Flom .rgActiveRow td:not(.rgExpandCol):last-child {
    box-shadow: inset 0px 5px 5px -5px #676767, inset 0px -5px 5px -5px #676767, inset -5px 0px 5px -5px #676767;
}

8 Answers, 1 is accepted

Sort by
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 02 Jul 2018, 05:38 PM
Can you please remove this attachment from the forums after you view it?
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 02 Jul 2018, 06:07 PM
Same issue with DatePicker - icon for opening calendar is missing
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 03 Jul 2018, 01:25 AM
Any ideas?
0
Rumen
Telerik team
answered on 03 Jul 2018, 11:57 AM
Hello,

Do you experience this problem in Internet Explorer only? 

If yes, please follow this forum thread which discusses the problem: Font icons are not loaded in IE11 / Edge running on Windows 10.

If the problem is reproducible in all browsers, please ensure that you are using the latest version 2018.2.516. If the problem still persists with it, please provide a live url to your application so that we can reproduce the issue.

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 03 Jul 2018, 12:27 PM

Hi.. again..

No...

Can I send you another email with the login to the site?

 

thx again

0
Rumen
Telerik team
answered on 03 Jul 2018, 12:33 PM
Hi,

The problem is due to that the app is loading the controls in Classic render mode. The issue is identical to one discussed in this forum thread: Missing calendar icon when applying Custom Theme.

Please follow my instructions to research why this is happening. Can you please:
- verify that the Telerik.Web.UI version that you are using in your project supports Lightweight rendering. Right click in the browser -> select view source and search for <!-- 20 to find the used version. Another option is to right click on the dll file in Windows Explorer and examine its properties to find the version.
- perform a global search for all RenderMode settings in the project and ensure that the value of all of them is set to Lightweight.
- ensure that your Internet Explorer is loading the page in native mode (but not in compatibility mode).

Best regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Jonathan
Top achievements
Rank 1
Veteran
answered on 04 Jul 2018, 01:31 PM

Hi..

I lose the skin icons as soon as I call the following:

       //Add the RadGrid instance to the controls
            this.placeholderGrid.Controls.Add(RadGrid1);

Page is still skinned.  Any ideas?

thx again

0
Accepted
Rumen
Telerik team
answered on 04 Jul 2018, 01:51 PM
Hello,

Can you go to RadGrid declaration and set RenderMode="Lightweight" and test again? If this does not work, please provide a simple runnable project which showcases the problem with the missing icon.

Regards,
Rumen
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Theme Builder
Asked by
Jonathan
Top achievements
Rank 1
Veteran
Answers by
Jonathan
Top achievements
Rank 1
Veteran
Rumen
Telerik team
Share this question
or