Ajax with RadScriptBlock and RadToggleButton Issue

[David]

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?

[David]

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>

 

[Vessy]

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