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

Mimic an HTML dropdown with RadComboBox

13 Answers 150 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Dave
Top achievements
Rank 1
Dave asked on 25 Oct 2011, 03:00 PM
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

13 Answers, 1 is accepted

Sort by
0
Dave
Top achievements
Rank 1
answered on 26 Oct 2011, 09:38 AM
Hey Guys!
Not one reply in 18 hours?
Not even to say 'cant be done....' - I'd appreciate even that!!!
Cheers

Dave
0
Ivan Zhekov
Telerik team
answered on 28 Oct 2011, 02:00 PM
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
0
Dave
Top achievements
Rank 1
answered on 08 Nov 2011, 12:59 PM
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
0
Dave
Top achievements
Rank 1
answered on 08 Nov 2011, 03:09 PM
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
0
Ivan Zhekov
Telerik team
answered on 11 Nov 2011, 02:20 PM
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
0
Dave
Top achievements
Rank 1
answered on 11 Nov 2011, 03:02 PM
Thanks Ivan

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

Dave
0
Accepted
Ivan Zhekov
Telerik team
answered on 16 Nov 2011, 02:29 PM
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
0
Dave
Top achievements
Rank 1
answered on 02 Dec 2011, 10:17 AM
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
0
Kevin
Top achievements
Rank 2
answered on 02 Dec 2011, 04:34 PM
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.
0
Ivan Zhekov
Telerik team
answered on 06 Dec 2011, 01:59 PM
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.

0
Martin Roussel
Top achievements
Rank 1
answered on 14 Dec 2012, 07:31 PM
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
0
Ivan Zhekov
Telerik team
answered on 19 Dec 2012, 08:46 AM
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.

0
Martin Roussel
Top achievements
Rank 1
answered on 19 Dec 2012, 12:44 PM
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
Tags
ComboBox
Asked by
Dave
Top achievements
Rank 1
Answers by
Dave
Top achievements
Rank 1
Ivan Zhekov
Telerik team
Kevin
Top achievements
Rank 2
Martin Roussel
Top achievements
Rank 1
Share this question
or