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

Ajax with RadScriptBlock and RadToggleButton Issue

2 Answers 129 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 2
David asked on 03 Dec 2018, 12:36 PM
I have a RadAjaxLoadingPanel and RadAjaxPanel on a page which has a RadToggleButton using FontAwesome in the ButtonToggleStates. This has been working perfectly, but have recently needed to add a RadScriptBlock inside the RadAjaxPanel. Everything appears to be working correctly with the icons in the ButtonToggleStates loading correctly. The problem occurs when you select the RadToggleButton and the icons stop loading. Any one have any ideas why this might be occurring?

2 Answers, 1 is accepted

Sort by
0
David
Top achievements
Rank 2
answered on 03 Dec 2018, 02:53 PM

Here is some code which I have used as an example.

 

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanelRecentlyViewed" runat="server" Transparency="100">
    </telerik:RadAjaxLoadingPanel>
 
    <telerik:RadAjaxPanel ID="RadAjaxPanelRecentlyViewed" runat="server" LoadingPanelID="RadAjaxLoadingPanelRecentlyViewed">
 
        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server"></telerik:RadScriptBlock>
 
        <telerik:RadToggleButton ID="RadToggleButtonRecentlyViewedType" runat="server">
            <ToggleStates>
                <telerik:ButtonToggleState Text="Application">
                    <Icon CssClass="fas fa-file-alt" />
                </telerik:ButtonToggleState>
                <telerik:ButtonToggleState Text="Learner">
                    <Icon CssClass="fas fa-user-graduate" />
                </telerik:ButtonToggleState>
            </ToggleStates>
        </telerik:RadToggleButton>
 
    </telerik:RadAjaxPanel>

 

0
Vessy
Telerik team
answered on 05 Dec 2018, 01:28 PM
Hi David,

I have just answered your support ticket on the matter - for convenience I will paste my answer here as well:


Can you, please, make sure that IE is not running into Compatibility mode when the icon is not rendered? You can force the use of the latest IE version by adding the following setting to the web.config:
<system.webServer>
    <httpProtocol>
      <customHeaders>
        <add name="X-UA-Compatible" value="IE=Edge"/>
      </customHeaders>
    </httpProtocol>
</system.webServer>

Another thing that can be causing the problem is Windows "Untrusted fonts" policy that prevents the not registered scripts from rendering. You can find details about this problem in the following discussion:
https://www.telerik.com/forums/font-icons-are-not-loaded-in-ie11-edge-running-on-windows-10



Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Ajax
Asked by
David
Top achievements
Rank 2
Answers by
David
Top achievements
Rank 2
Vessy
Telerik team
Share this question
or