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

Skin Bootstrap & Lightweight

1 Answer 186 Views
Window
This is a migrated thread and some comments may be shown as answers.
Regula
Top achievements
Rank 1
Regula asked on 22 Jul 2016, 04:16 PM

I'm using Bootstrap Skin and when showing a radalert, the window has no icons (see screenshot attached).

If I change the Skin, for instance, Telerik skin, the alert windows is well displayed.

Version: 2015.2.604.45

 

Code:

<telerik:RadWindowManager ID="rdmWindowsDialogs" runat="server" RenderMode="Lightweight" >
    <AlertTemplate>
        <div class="rwDialog rwAlertDialog">
            <div class="rwDialogContent">
                <div class="rwDialogMessage">
                    {1}
                </div>
            </div>
            <div class="rwDialogButtons">
                <input type="button" value="OK" class="rwOkBtn" onclick="$find('{0}').close(true); return false;" />
            </div>
        </div>
    </AlertTemplate>
    <ConfirmTemplate>
        <div class="rwDialog rwConfirmDialog">
            <div class="rwDialogContent">
                <div class="rwDialogMessage">{1}</div>
            </div>
            <div class="rwDialogButtons">
                <input type="button" value="OK" class="rwOkBtn" onclick="$find('{0}').close(true); return false;" />
                <input type="button" value="Cancel" class="rwCancelBtn" onclick="$find('{0}').close(false); return false;" />
            </div>
        </div>
    </ConfirmTemplate>
</telerik:RadWindowManager>

 

<button onclick="radalert('A string.<br />'); return false;"> Alert</button>

 

1 Answer, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 25 Jul 2016, 11:22 AM

Hello,

The attached screenshots indicate that the font icons used by the bootstrap skin are not loaded properly. I advise that you confirm all requests return successfully. This is also supported by the fact that the second screenshot also does not have the needed icon at the top left.

Also, I would advise upgrading to the latest version that has improved handling of font icons and font sizes, and uses font icons for all skins in the Lightweight RenderMode.

Considering that the provided markup is not significantly different than the built-in Lightweight templates, I also advise that you consider using the built-in ones.

Regards,

Marin Bratanov
Telerik by Progress
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Tags
Window
Asked by
Regula
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Share this question
or