Mimic an HTML dropdown with RadComboBox

14 posts, 1 answers
  1. Dave
    Dave avatar
    12 posts
    Member since:
    Oct 2011

    Posted 25 Oct 2011 Link to this post

    Hi
    I'm new to Telerik and even newer to skinning!
    I'm trying to mimic the HTML dropdown control, so I've changed the rcbsprite.png for the buttons (a bit wider), changed the css for the change in viewport size/position for the buttons and changed the colours of the backgrounds, but the thing I cannot do is shorten the backgrounds to show the left edge of the new larger images.
    Can anyone suggest how I can do this, or has anyone done this and got a set of files they would like to share?
    Thanks
    Dave

  2. Dave
    Dave avatar
    12 posts
    Member since:
    Oct 2011

    Posted 26 Oct 2011 Link to this post

    Hey Guys!
    Not one reply in 18 hours?
    Not even to say 'cant be done....' - I'd appreciate even that!!!
    Cheers

    Dave
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 28 Oct 2011 Link to this post

    Hi Dave,

    Could you attach a screenshot of how things look at your end and how you want things to look? Also attach the custom rcbSprite.png image that you have created and paste the CSS in this thread.

    And since creating a custom skin for the first time might be a bit challenging, while we are looking into your issue, I would point you the help article we have on skins (http://www.telerik.com/help/aspnet-ajax/combobox-appearance-skins.html), and the related articles how to customize the skins.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  5. Dave
    Dave avatar
    12 posts
    Member since:
    Oct 2011

    Posted 08 Nov 2011 Link to this post

    Hi Ivan
    Thanks for your reply.
    Sorry I've not been back here for a week - I was called away unexpectedly.
    So, now I'm back and the machine that had all my files on has been trashed by a virus while I was away!
    I now have to recreate what I was doing.....
    Assuming I still have the same problems I will be back with what you asked for.
    Cheers
    Dave
  6. Dave
    Dave avatar
    12 posts
    Member since:
    Oct 2011

    Posted 08 Nov 2011 Link to this post

    Hi
    OK, I have now read through the http://www.telerik.com/help/aspnet-ajax/combobox-appearance-creating-custom-skins.html page and it is I think now out of date (unless there is another help page that I need to look at).
    I copied in the Combobox directory from the Telerik install directory and there are no relevant Gifs only png's, and I copied the CSS file as well (see code.jpg), I put the word skin in the file name even though _default wasnt there!. Also as you can see I dragged the CSS file into the code.
    I set EnableEmbeddedSkins to false, and set Skin to Skin (the skin name), then ran it.
    As you can see from the boxes.jpg, nothing changed (top one is an HTML dropdown and the 2 below are the Telerik ones.
    I even changed all background and background-color to red and saw no changes.
    FYI, I am trying to make the 2 Telerik Comboboxes look like the Dropdown above them
    Just a thought, this code is all in an ascx not an aspx
    Any help would be gratefully accepted
    Thanks
    Dave
  7. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 11 Nov 2011 Link to this post

    Hi Dave,

    Still you haven't pasted any CSS so I can't make any guesses yet.

    I do have a positive news though -- we are developing and releasing a simple rendering mode for the combobox that will render just the SELECT element and nothing fancy about it. We are still polishing some rough edges, but it's going to make it for the 2011 Q3 release.

    If this the thing you are looking for, the release should be out next week. Grab it and test your case.

    If not, please paste the css file content and the code snippet for the combobox.

    Regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  8. Dave
    Dave avatar
    12 posts
    Member since:
    Oct 2011

    Posted 11 Nov 2011 Link to this post

    Thanks Ivan

    Soon as its available I will download it and see if its what I want

    Dave
  9. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 16 Nov 2011 Link to this post

    Hello Dave,

    The official release is due in a couple of hours. Download links will be available shortly after in your profile.

    The demos are already out. You can check:
    1) The configurator demo: http://demos.telerik.com/aspnet-ajax/combobox/examples/configurator/defaultcs.aspx
    2) The client side demos -- http://demos.telerik.com/aspnet-ajax/combobox/examples/programming/clientevents/defaultcs.aspx and http://demos.telerik.com/aspnet-ajax/combobox/examples/programming/addremovedisableitemsclientside/defaultcs.aspx

    and select "simple rendering mode".

    Kind regards,
    Ivan Zhekov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  10. Dave
    Dave avatar
    12 posts
    Member since:
    Oct 2011

    Posted 02 Dec 2011 Link to this post

    Hi All
    Sorry I havent been back, been away, on other projects etc etc.
    Well, the exact requirement has gone away now (management huh....), but thanks for your involvement and help.
    hopefully next time I have a problem it will actually be one that I can resolve!
    Cheers
    Dave
  11. Kevin
    Kevin avatar
    360 posts
    Member since:
    Jul 2012

    Posted 02 Dec 2011 Link to this post

    Hello Ivan,

    What is the advantage of the RadComboBox in simple mode compared to the DropDownList? I don't see any reason why someone would use the RadComboBox in SimpleMode when it appears to offer the same features as the DropDownList.
  12. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 06 Dec 2011 Link to this post

    Hi Kevin,

    That is an interesting question.

    So far, there will be no difference nor any advantages. However, based on useragent string, developers can toggle the simple rendering mode on or off.

    In addition, this the first of many steps that Telerik is taking to make the controls much more mobile friendly. Now I can't discuss particular features, as those are still yet to be determined, but you can see KendoUI as an example what can be achieved with mobile friendly approach.

    One last thing -- DropDownList, being a part of .NET, is updated with the framework, which doesn't happen that often.

    RadComboBox, on the other hand is potentially updated every a couple of months and new features are available some what faster.

    To sum up -- so far there isn't any distinctive advantage of choosing RadComboBox simple rendering instead of DropDownList (apart from switching modes dynamically). However, that's going to change.

    I hope that answers your question.

    Regards,
    Ivan Zhekov
    the Telerik team

    Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

  13. Martin Roussel
    Martin Roussel avatar
    246 posts
    Member since:
    Jan 2010

    Posted 14 Dec 2012 Link to this post

    Hi, I tried the Simple Rendering demo mentioned earlier with both iPad and Android tablets and the behavior is not like we expected. We though the Simple Rendering would render a true mobile-based selector (when used on mobile devices) like this simple HTML Select tag example. Is this the normal behavior? If yes, is it possible to achieve similar mobile-friendly selection with Telerik controls?

    TIA

    Martin
  14. Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 19 Dec 2012 Link to this post

    Hello, Martin.

    The simple rendering DOES render the select element. Yet on that page there is a RadFormDecorator that decorates the select element.

    If you would like to use that make sure you either turn off (remove) the RadFormDecorator, or make it target specific controls.

    All the best,
    Ivan Zhekov
    the Telerik team

    Consider using RadControls for ASP.NET AJAX (built on top of the ASP.NET AJAX framework) as a replacement for the Telerik ASP.NET Classic controls, See the product support lifecycle here.

  15. Martin Roussel
    Martin Roussel avatar
    246 posts
    Member since:
    Jan 2010

    Posted 19 Dec 2012 Link to this post

    My mistake Ivan. Removing the RadFormDecorator solved it.

    On a side note, is there any explicit documentation or indication of this? It seems to me that this isnt clear (or maybe I didnt read enough) and might confuse future users who might want to achieve the same. Maybe removing the RadFormDecorator from the demo (or adding a disable/enable in the "Available Actions" list) and adding indications in the demo description. Just my two cents.

    Thank you,

    Martin
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017