radComboBox.ShowToggleImage = "false"

11 posts, 0 answers
  1. Gareth
    Gareth avatar
    13 posts
    Member since:
    Sep 2012

    Posted 02 May 2008 Link to this post

    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
  2. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 02 May 2008 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Gareth
    Gareth avatar
    13 posts
    Member since:
    Sep 2012

    Posted 02 May 2008 Link to this post

    Thanks for your response, but unfortunately this is not working for me.
    it still shows the button.
  5. Simon
    Admin
    Simon avatar
    2281 posts

    Posted 02 May 2008 Link to this post

    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
  6. Gareth
    Gareth avatar
    13 posts
    Member since:
    Sep 2012

    Posted 02 May 2008 Link to this post

    could it be because im using
    RadComboBox.Net2.dll - product version 2.8.4
  7. Gareth
    Gareth avatar
    13 posts
    Member since:
    Sep 2012

    Posted 02 May 2008 Link to this post

    ok i fixed this using the diferent class names which were applicable to this version of the control.
  8. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 18 Oct Link to this post

    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.
  9. Ivan Danchev
    Admin
    Ivan Danchev avatar
    834 posts

    Posted 20 Oct Link to this post

    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.
  10. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 20 Oct in reply to Ivan Danchev Link to this post

    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?
  11. Albert Shenker
    Albert Shenker avatar
    550 posts
    Member since:
    Mar 2004

    Posted 20 Oct in reply to Albert Shenker Link to this post

    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.

     

  12. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 25 Oct Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017