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

Wrapped items - how to properly display

6 Answers 54 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
tmlipinski
Top achievements
Rank 1
tmlipinski asked on 22 May 2009, 08:37 PM
Hi,

I have a panel bar ("Default" skin) with items of various length. Some of them are short but some art long. These long items wrap as expected. But:
- when I hoover over a wrapped item, only the first line is marked with grey background color
- when I click such an item, the first line gets and remains marked but the next lines just disappear
I would like, of course, such items to behave exactly as not-wrapped ones.

How can I do it?

Thanks in advance.
Regards
Tomasz

6 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 25 May 2009, 08:58 AM
Hello tmlipinski,

Unfortunately, all current Telerik skins use background images for the different states of the item, thus it is impossible to wrap the text of the item and 'extend' the image for the selected or hovered states.

A possible workaround for the moment is to not wrap the items text, and use tooltip for displaying it. For example:

ASPX:
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
    <style type="text/css">  
        .RadPanelBar  
        {  
            white-space: nowrap;  
        }  
    </style> 
</head> 
<body> 
    <form id="form1" runat="server">  
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1">  
    </telerik:RadScriptManager> 
    <telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Telerik" Width="150px">  
        <Items> 
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem1">  
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1 has very long text">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">  
                    </telerik:RadPanelItem>
                </Items> 
            </telerik:RadPanelItem> 
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">  
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2 has very long text">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">  
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelItem> 
        </Items> 
    </telerik:RadPanelBar> 
    </form> 
</body> 
</html> 

Code-behind:
using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
using Telerik.Web.UI;  
 
public partial class _Default : System.Web.UI.Page  
{  
    protected void Page_Load(object sender, EventArgs e)  
    {  
        foreach (RadPanelItem item in RadPanelBar1.GetAllItems())  
        {  
            item.ToolTip = item.Text;  
        }  
    }  
}  
 

Another option in this case is to make a pure CSS custom skin. It is relatively easy to set up a pure CSS skin. However, in the current implementation of the skins we use images because of the rounded corners. We do have plans to provide pure CSS skins though.

Regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
tmlipinski
Top achievements
Rank 1
answered on 25 May 2009, 09:59 AM

Hi,
OK. I'll think over if I can replace real tooltips with just item names.
Will this new pure CSS skin cover all your controls? I would appreciate such a "light" skin for all controls.

 

Regards

Tomasz

0
Paul
Telerik team
answered on 25 May 2009, 10:22 AM
Hi Tomasz,

We'll do our best to provide one 'light' pure CSS skin for all Telerik controls; most probably (cross your fingers ;-) ) we'll manage to release it for SP2 due to be out later this week.

Greetings,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
tmlipinski
Top achievements
Rank 1
answered on 25 May 2009, 10:28 AM
Great ;-)
Tomasz
0
tmlipinski
Top achievements
Rank 1
answered on 22 Oct 2009, 12:19 PM
Hi,

How is this "'light' pure CSS skin for all Telerik controls" doing? Will it be available in Q3 2009 release?

Best regards
Tomasz
0
Paul
Telerik team
answered on 22 Oct 2009, 01:04 PM
Hi tmlipinski,

This 'light' skin is already available. It is call 'Simple'.

Greetings,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
PanelBar
Asked by
tmlipinski
Top achievements
Rank 1
Answers by
Paul
Telerik team
tmlipinski
Top achievements
Rank 1
Share this question
or