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

RadRibbonbar: Why img not display

6 Answers 227 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Tammy
Top achievements
Rank 1
Tammy asked on 03 Aug 2011, 08:19 PM
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.

6 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 04 Aug 2011, 05:22 PM
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.

0
Jesper
Top achievements
Rank 1
answered on 13 Aug 2011, 02:52 PM
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

0
Kate
Telerik team
answered on 17 Aug 2011, 12:34 PM
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.

0
Jesper
Top achievements
Rank 1
answered on 17 Aug 2011, 03:12 PM
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>

 

0
Tammy
Top achievements
Rank 1
answered on 18 Aug 2011, 01:42 AM
try to use ImageUrlLarge instead of ImageUrl
0
Jesper
Top achievements
Rank 1
answered on 20 Aug 2011, 06:34 PM
Hi Tammy, 

Thank you - ImageUrlLarge did the trick :-))

/jesper
Tags
RibbonBar
Asked by
Tammy
Top achievements
Rank 1
Answers by
Kate
Telerik team
Jesper
Top achievements
Rank 1
Tammy
Top achievements
Rank 1
Share this question
or