RadRibbonbar: Why img not display

7 posts, 0 answers
  1. Tammy
    Tammy avatar
    4 posts
    Member since:
    Aug 2011

    Posted 03 Aug 2011 Link to this post

    Hi, I use the example from RadRibbonBar, and the images are not displaying at all. What do I miss here? How can I find those icons using Skin="Office2007"

     

     

    <telerik:RibbonBarTab Text="Home">

     <telerik:RibbonBarGroup Text="Clipboard" EnableLauncher="true">

     <Items>

     <telerik:RibbonBarMenu Size="Large" Text="Paste" ImageUrl="icons/home/Paste.png">

     <Items>

     <telerik:RibbonBarMenuItem Text="Paste" ImageUrl="icons/home/Paste.png" />

     

    <telerik:RibbonBarMenuItem Text="Paste Special..." ImageUrl="icons/home/Paste.png" />

     </Items>

    </telerik:RibbonBarMenu> <telerik:RibbonBarButton Size="Medium" Text="Cut" ImageUrl="icons/home/Cut.png" /> <telerik:RibbonBarButton Size="Medium" Text="Copy" ImageUrl="icons/home/Copy.png" />

     <telerik:RibbonBarButton Size="Medium" Text="Format" ImageUrl="icons/home/Format_Painter.png" />

     </Items>

     </telerik:RibbonBarGroup>

    1)Here is part of the code. I don't know where those images are located?

    2) Is there any default image in this control? I just want to see if I can use this control and have a quick way to access those image.

  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 04 Aug 2011 Link to this post

    Hi Tammy,

    The reason for that could be the specified path of the images. Please make sure that first you have the images and second that the path you have indicated is the correct one. 

    Kind regards,
    Kate
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jesper
    Jesper avatar
    3 posts
    Member since:
    Aug 2011

    Posted 13 Aug 2011 Link to this post

    Hi Kate,

    I have some simular problem with the images on my radribbon - it only shows the lower half of my image. Please see attachment.

    Best regards,
    Jesper

  5. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 17 Aug 2011 Link to this post

    Hello Jesper,

    Can you provide more details on how to reproduce the issue that you encounter? The markup and an image that you apply, for example, would be very helpful for us.

    Greetings,
    Kate
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  6. Jesper
    Jesper avatar
    3 posts
    Member since:
    Aug 2011

    Posted 17 Aug 2011 Link to this post

    Hi Kate,

    My code is done in MS Visual Studio 2010 Premium edt.  I'm using the attachement images - but even I don't have the images the red cross that IE puts in by default is not a full red cross so I don't think it is related to the image files.

    I'm looking forward for your response

    Best regards,

    Jesper

    My code is :

    <%

     

    @ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="frontPlannerWeb.SiteMaster" %>

     

    <%

     

    @ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

     

    <!

     

     

    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

     

    <

     

     

    html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

     

    <

     

     

    head runat="server">

     

     

     

    <title></title>

     

     

     

    <!--link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /-->

     

     

     

    <asp:ContentPlaceHolder ID="HeadContent" runat="server">

     

     

     

    </asp:ContentPlaceHolder>

     

    </

     

     

    head>

     

    <

     

     

    body>

     

     

     

    <form runat="server">

     

     

     

    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

     

     

     

    <div class="page">

     

     

     

    <div class="header">

     

     

     

    <div class="title">

     

     

     

    <h1>

     

    frontPlanner

     

     

    </h1>

     

     

     

    </div>

     

     

     

    <div class="loginDisplay">

     

     

     

     

    <asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false">

     

     

     

    <AnonymousTemplate>

     

    [

     

    <a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server">Log In</a> ]

     

     

     

    </AnonymousTemplate>

     

     

     

    <LoggedInTemplate>

     

    Welcome

     

    <span class="bold"><asp:LoginName ID="HeadLoginName" runat="server" /></span>!

     

    [

     

    <asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/> ]

     

     

     

    </LoggedInTemplate>

     

     

     

    </asp:LoginView>

     

     

     

    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

     

     

     

    </div>

     

     

     

    <br />

     

     

     

    <div class="exampleBody">

     

     

     

    <br />

     

     

     

     

    <telerik:RadRibbonBar ID="RadRibbonBar1" runat="server"

     

     

     

    SelectedTabIndex="-1"

     

     

     

    Skin="Office2007" onbuttonclick="RadRibbonBar1_ButtonClick">

     

     

     

    <telerik:RibbonBarTab Text="Home">

     

     

     

    <telerik:RibbonBarGroup Text="Dashboard" EnableLauncher="true">

     

     

     

    <Items>

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Overview" ImageUrl="icons/home/Cut.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="Reminders" ImageUrl="icons/home/Cut.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="Appliements" ImageUrl="icons/home/Copy.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="tbd" ImageUrl="icons/home/Format_Painter.png" />

     

     

     

    </Items>

     

     

     

    </telerik:RibbonBarGroup>

     

     

     

    </telerik:RibbonBarTab>

     

     

     

    <telerik:RibbonBarTab Text="Aktivivtet">

     

     

     

    <telerik:RibbonBarGroup Text="Find">

     

     

     

    <Items>

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Find" ImageUrl="images/search.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="New" ImageUrl="images/search.png" />

     

     

     

    </Items>

     

     

     

    </telerik:RibbonBarGroup>

     

     

     

    <telerik:RibbonBarGroup Text="Links">

     

     

     

    <Items>

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Hyperlink" ImageUrl="icons/insert/Link.png" />

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Bookmark" ImageUrl="images/bookmark.png" />

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Cross-reference" ImageUrl="icons/insert/Cross_reference.png" />

     

     

     

    </Items>

     

     

     

    </telerik:RibbonBarGroup>

     

     

     

    </telerik:RibbonBarTab>

     

     

     

    <telerik:RibbonBarTab Text="Person">

     

     

     

    <telerik:RibbonBarGroup Text="Find">

     

     

     

    <Items>

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Find" ImageUrl="images/search.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="New" ImageUrl="images/search.png" />

     

     

     

    </Items>

     

     

     

    </telerik:RibbonBarGroup>

     

     

     

    </telerik:RibbonBarTab>

     

     

     

    <telerik:RibbonBarTab Text="Location">

     

     

     

    <telerik:RibbonBarGroup Text="Find">

     

     

     

    <Items>

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="Find" ImageUrl="images/search.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="New" ImageUrl="images/search.png" />

     

     

     

    </Items>

     

     

     

    </telerik:RibbonBarGroup>

     

     

     

    </telerik:RibbonBarTab>

     

     

     

    <telerik:RibbonBarTab Text="Reports">

     

     

     

    <telerik:RibbonBarGroup Text="Find">

     

     

     

    <Items>

     

     

     

    <telerik:RibbonBarButton Size="Large" Text="PersonSearch" ImageUrl="images/search.png" />

     

     

     

    <telerik:RibbonBarButton Size="Medium" Text="Select report..." ImageUrl="images/search.png" />

     

     

     

    </Items>

     

     

     

    </telerik:RibbonBarGroup>

     

     

     

    </telerik:RibbonBarTab>

     

     

     

    </telerik:RadRibbonBar>

     

     

     

    </div>

     

     

     

    <div class="main">

     

     

     

    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>

     

     

     

    </div>

     

     

     

    <div class="clear">

     

     

     

    </div>

     

     

     

    </div>

     

     

     

    <div class="footer">

     

     

     

     

    </div>

     

     

     

    </div>

     

     

     

    </form>

     

    </

     

     

    body>

     

    </

     

     

    html>

     

  7. Tammy
    Tammy avatar
    4 posts
    Member since:
    Aug 2011

    Posted 17 Aug 2011 Link to this post

    try to use ImageUrlLarge instead of ImageUrl
  8. Jesper
    Jesper avatar
    3 posts
    Member since:
    Aug 2011

    Posted 20 Aug 2011 Link to this post

    Hi Tammy, 

    Thank you - ImageUrlLarge did the trick :-))

    /jesper
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017