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

radComboBox.ShowToggleImage = "false"

10 Answers 213 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Gareth
Top achievements
Rank 1
Gareth asked on 02 May 2008, 10:34 AM
Hi,
When Setting the following property on the combobox
radComboBox.ShowToggleImage = "false"
it correctly does not show the button but it also doesn't
have a keyline to the right hand side of the textbox area.
What must I do to show that border correctly?
Regards
Gareth

10 Answers, 1 is accepted

Sort by
0
Simon
Telerik team
answered on 02 May 2008, 12:08 PM
Hello Gareth,

Thank you for contacting Telerik support.

ShowToggleImage property hides the whole area designed for the toggle image, that is why you do not see borders.

To properly hide only the image you could do either of the following (depending on your specific requirements):
  • Put the following CSS style to the <head> section of your page (this will hide the images for all RadComboBoxes on the page):
    <style type="text/css"
            .rcbArrowCell 
            { 
                background: none !important; 
            } 
        </style> 
  • Hook to the OnClientLoad event of the RadComboBox which image you want to hide:
            <telerik:RadComboBox  
                ID="RadComboBox1"  
                runat="server" 
                OnClientLoad="HideToggleImage"
            </telerik:RadComboBox> 
    and put the following JavaScript code snippet to your page:
        <script type="text/javascript"
            function HideToggleImage(sender, eventArgs) 
            { 
                var imageElement = sender.get_imageDomElement(); 
     
                imageElement.parentNode.style.background = "none !important"
            } 
        </script> 
I hope you will find either of the approaches useful.

Kind regards,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Gareth
Top achievements
Rank 1
answered on 02 May 2008, 02:10 PM
Thanks for your response, but unfortunately this is not working for me.
it still shows the button.
0
Simon
Telerik team
answered on 02 May 2008, 02:20 PM
Hi Gareth,

Thank you for your feedback.

This would mean that something else is preventing the fix from applying.

Could you open a formal support ticket and attach the page in question there. We will fix it for you and send it back.

Thank you in advance for your time and cooperation.

Sincerely yours,
Simon
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Gareth
Top achievements
Rank 1
answered on 02 May 2008, 02:42 PM
could it be because im using
RadComboBox.Net2.dll - product version 2.8.4
0
Gareth
Top achievements
Rank 1
answered on 02 May 2008, 03:05 PM
ok i fixed this using the diferent class names which were applicable to this version of the control.
0
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
answered on 18 Oct 2016, 03:11 PM
This issue still exists 8 years later, though apparently it only occurs in Chrome. When you set ShowToggleImage to false, in Chrome, the combobox does not have a right hand border. This looks awful and makes the controls seem very amateurish. See attached. The top combobox has ShowToggleImage = false. The bottom one does not.
0
Ivan Danchev
Telerik team
answered on 20 Oct 2016, 01:37 PM
Hello Albert,

Indeed the issue is reproducible in Chrome in 4 skins when ShowToggleImage is set to "false" and the ComboBox is in Classic render mode. Currently the development is focused on the Lightweight render mode, not just for the ComboBox but for all of the controls in the suite, thus only critical issues are fixed for Classic render mode. Having said that, there is a workaround for the missing right border:
html .RadComboBox_Metro table td.rcbInputCellLeft,
html .RadComboBox_MetroTouch table td.rcbInputCellLeft,
html .RadComboBox_Silk table td.rcbInputCellLeft,
html .RadComboBox_Simple table td.rcbInputCellLeft  {
    border-right-width: 1px;
}
 
html .RadComboBox_Metro .rcbArrowCellHidden, html .RadComboBox_Metro .rcbArrowCellHidden a,
html .RadComboBox_MetroTouch .rcbArrowCellHidden, html .RadComboBox_MetroTouch .rcbArrowCellHidden a,
html .RadComboBox_Silk .rcbArrowCellHidden, html .RadComboBox_Silk .rcbArrowCellHidden a,
html .RadComboBox_Simple .rcbArrowCellHidden, html .RadComboBox_Simple .rcbArrowCellHidden a {
    border: none;
}


Regards,
Ivan Danchev
Telerik by Progress
Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
0
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
answered on 20 Oct 2016, 06:50 PM
I switched to lightweight rendering and it seemed to fix the issue. I though all controls rendered as lightweight by default now. Is that not the case?
0
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
answered on 20 Oct 2016, 06:57 PM

BTW, if I set the rendermode to Lightweight for Textboxes with the Simple Skin with the following declaration:

<telerik:RadTextBox ID="txtCity" runat="Server" Width="200px" MaxLength="100" Skin="Simple" TextMode="SingleLine" Rendermode="Lightweight"></telerik:RadTextBox>

the box appears really short (see attached, the first tow are textboxes, the third is a combo). I assume this is because I would need to set a font size. What would you recommend to make the box appear to be the same height as the equivalent RadComboBox. I think these two elements ought to be the same height and have the same font appearance.

 

0
Magdalena
Telerik team
answered on 25 Oct 2016, 12:01 PM
Hi Albert ,

The default value of render mode property is still classic, although we highly recommend to use lightweight. We have tried to simulate your scenario, but the text box is with the same width as the combobox. We have attached the tested sample. If the issue persist, please open a support ticket to be able to provide us with an isolated sample so we will be able to test it locally and can assist you in more efficient way.

Regards,
Magdalena
Telerik by Progress
Check out the new UI for ASP.NET Core, the most complete UI suite for ASP.NET Core development on the market, with 60+ tried-and-tested widgets, based on Kendo UI.
Tags
ComboBox
Asked by
Gareth
Top achievements
Rank 1
Answers by
Simon
Telerik team
Gareth
Top achievements
Rank 1
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
Ivan Danchev
Telerik team
Magdalena
Telerik team
Share this question
or