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

Make arrow button not visible

2 Answers 104 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Dan Harvey
Top achievements
Rank 2
Dan Harvey asked on 26 Sep 2011, 02:25 PM
Hello,

I am using the latest version of the controls, and I am using a radpanelbar.  However, there is an arrow button that points up that I have never seen before.  How can I make this go away?  I have attached a screenshot.

Thanks,

2 Answers, 1 is accepted

Sort by
0
Dan Harvey
Top achievements
Rank 2
answered on 26 Sep 2011, 02:32 PM
I just wanted to add that I saw the following post:

http://www.telerik.com/community/forums/aspnet-ajax/panelbar/remove-right-hand-side-up-and-down-arrows-of-panelbar.aspx

And I did this and it still doesn't hide it.

<head runat="server">
    <title></title>
    <link href="/support/Skins/PanelBar.g.css" 
          rel="stylesheet"
          type="text/css" />
    <link href="/support/Skins/Menu.Menu.css" 
          rel="stylesheet"
          type="text/css" />
    <link href="Styles/rm.css" type="text/css" rel="stylesheet" />
  
    <style type="text/css">
        html, body
        {
            margin: 0px;
            padding: 0px;
            height: 100%;
            overflow: auto;
        }
    </style>
  
         <style type="text/css">  
        .RadPanelBar_Default .rpExpandable .rpText  
        {  
            background-color: transparent;  
            background-image: none !important;  
        }  
    </style
   
  
</head>
0
Shinu
Top achievements
Rank 2
answered on 27 Sep 2011, 10:21 AM
Hello Dan,

Try the following CSS to achieve your scenario.
CSS:
.RadPanelBar_Default .rpExpandable span.rpExpandHandle
        {
              background-image: none !important;
        }

Thanks,
Shinu.
Tags
PanelBar
Asked by
Dan Harvey
Top achievements
Rank 2
Answers by
Dan Harvey
Top achievements
Rank 2
Shinu
Top achievements
Rank 2
Share this question
or