Skin Bootstrap & Lightweight

2 posts, 0 answers
  1. Regula
    Regula avatar
    43 posts
    Member since:
    Sep 2005

    Posted 22 Jul Link to this post

    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>

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 25 Jul Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top