RadComboBox not displaying properly

11 posts, 0 answers
  1. Amy
    Amy avatar
    113 posts
    Member since:
    Aug 2010

    Posted 14 Dec 2010 Link to this post

    Hi!  I have an issue where RadComboBoxes are not displaying properly on an asp.net page.  The combo box looks more like a text box and has the word 'select' in plain text to the right of it.  When you click on what is supposed to be the combo box, the expected data does appear but there is no background to the combo box and the list of items from the combo box appear directly over text in the background.

    This issue only recently started happening as the combo boxes did previously appear fine.  It's also only happening on one page, combo boxes on other pages display as expected.  I did test in the four major browsers (FF, IE, Chrome, and Safari), and only in IE do the combo boxes display properly on the page having issues.

    I tested using the asp.net DropDownList control instead of the RadComboBox, and the DropDownList control displays properly as a combo box and does not appear to have the same issues as the RadComboBox.

    As a side note, we did just recently upgrade to the latest version of the RAD/Ajax controls

    I was wondering if someone could suggest what/where to start troubleshooting.  I tried attaching screenshots (2 gif files, sizes 700 KB and 621 KB) but keep getting the message "Please upload valid files: .gif,.jpg,.jpeg,.png smaller than 2MB."  I even tried attaching only one file and still received the error.

    Thank you!
  2. Amy
    Amy avatar
    113 posts
    Member since:
    Aug 2010

    Posted 14 Dec 2010 Link to this post

    Update:  I commented out the lines of code pertaining to the RadAjaxManager on the web page and now the RadComboBoxes display properly.  If I uncomment the lines of code and view the page again the RadComboBoxes no longer display properly.

    Any thoughts, suggestions?

    Thanks!
  3. Yana
    Admin
    Yana avatar
    5024 posts

    Posted 20 Dec 2010 Link to this post

    Hi Amy,

    It seems that RadComboBox doesn't load its skin correctly for some reason. We cannot help solving this issue without reproducing the problem at our side. Could you please open a support ticket and send us a demonstration page there?

    Regards,
    Yana
    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.
  4. Amy
    Amy avatar
    113 posts
    Member since:
    Aug 2010

    Posted 20 Dec 2010 Link to this post

    Hi!  Thank you for your response.  I am waiting for my co-worker to add me as a licensed developer before I can open a support ticket.  In the meantime I did some searching on radcombobox and skins not loading.  One article mentioned making sure the comboboxes were set to visible by default.

    The radcomboboxes on the page I'm having issues with had the visible property set to 'false'.  Once I changed the visibility to true the comboboxes load/display as expected.

    To provide a bit more background...on the page there are a list of questions, each with a radiobuttonlist control to select a 'Yes'/'No' answer.  If the person chooses 'No', a radcombobox appears with the option to choose a different value.  The radcomboboxes were initially being hidden until the user selected 'No' at which point the combobox would be displayed.

    I can set the radcomboboxes to initially display when the page loads if necessary, but was wondering if there might be a solution which allows me to hide them until needed and still display properly.

    Thanks!
  5. Yana
    Admin
    Yana avatar
    5024 posts

    Posted 22 Dec 2010 Link to this post

    Hello Amy,

    Thank you for sending the details.

    Could you please set EnablePageHeadUpdate property of the ajax manager and let us know the result? Also can you confirm that you're using the latest version of the controls?

    Also you can add the skin of the combobox to the project and manually reference the stylesheet file as explained here.

    Regards,
    Yana
    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.
  6. Amy
    Amy avatar
    113 posts
    Member since:
    Aug 2010

    Posted 23 Dec 2010 Link to this post

    Hi!  I set the EnablePageHeadUpdate property to true in the RadAjaxManager, however, the RadComboBoxes are still not displaying correctly.  The only way I can get them to display properly is to set their visibility property to true in the aspx page which I would prefer not to do.
  7. Yana
    Admin
    Yana avatar
    5024 posts

    Posted 27 Dec 2010 Link to this post

    Hi Amy,

    Have you tried to reference their skin files in the <head> section? 

    Best wishes,
    Yana
    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.
  8. Amy
    Amy avatar
    113 posts
    Member since:
    Aug 2010

    Posted 31 Dec 2010 Link to this post

    Hi Yana!

    When you say reference their skin files in the <head> section do you mean using the RadStyleSheetManager control and specifying the StyleSheet for the RadComboBox?  If so, that code is already present in the master page for the web application.  If that wasn't what you meant, could you provide an example please?

    I'm guessing the issue with the RadComboBoxes not displaying properly has something to do with the loading of the page, the RadAjaxManager, and the RadComboBoxes being initially hidden ('visible' property set to 'false') until a user selects a value from an ASP RadioButtonList control.

    There are a total of three RadComboBoxes on the page.  If I set at least one of the RadComboBoxes to be visible in the Page_Load method then all the remaining (hidden) RadComboBoxes will display properly when a user selects a value from the ASP RadioButtonList controls. 

    Note, other pages in the web application also use the RadComboBox control.  However, on those pages the RadComboBox 'visible' property is set to 'true', and the RadComboBox(es) display properly when the page loads in the browser.

    Thank you for all your help!
  9. Yana
    Admin
    Yana avatar
    5024 posts

    Posted 06 Jan 2011 Link to this post

    Hi Amy,

    I'm sorry for not explaining in more details.

    I meant to add the skin as a custom skin and reference the css file with <link> tag. You can check this tutorial which explains the needed steps.

    Hope this helps.

    Kind regards,
    Yana
    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.
  10. Amy
    Amy avatar
    113 posts
    Member since:
    Aug 2010

    Posted 01 Feb 2011 Link to this post

    Yana,

    I apologize for the delay in responding.  This issue has been resolved.  Looks like it was being caused by validation controls on the page not being set up properly.

    Thank you for all your help!
  11. Neha
    Neha avatar
    21 posts
    Member since:
    Jan 2011

    Posted 05 May 2011 Link to this post

    Hi Amy,

    Can you explain what kind of validation control issue you had ? As we are facing the same issue. It happens on our specific page. Not only with RadComboBox but also with RadListBox, RadPanelbar and RadAsyncUpload. Stylesheet not loading properly sometimes for those controls. Attached one screenshot, will attach more if come across other specific.

    Thanks,
Back to Top