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

IPhone Skin

6 Answers 124 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Rick Rehorst
Top achievements
Rank 1
Rick Rehorst asked on 04 Feb 2010, 11:14 AM

Hi,

I am working on a winforms version of the IPhone menu from telerik ASP.NET. I took the Background an mad it transparent.
After that I took a titlebar and made it nice so it fitted in the top section of the picture. That gave me window and drag functionality.
Found a action button for the bottom center. All nice.

But now in the main window I need some action.
I started to work with a listbox and my approach is to ajust the appearance with the telerik Theme Builder and test.

My first problem / chalenge is that when I open my existing myStyle.XML file and make some changes, save the file and test, some previous changes seem to have dissapeared ????

My second chalenge is more a question if there maybe exist already something like this or Is somebody interested in assisting a littlebit to achieve a winforms version of the Telerik ASP.NET IPhone demo ???
Maybe this could look nice in the telerik winforms demo as well ???

Regards,

Rick Rehorst

6 Answers, 1 is accepted

Sort by
0
Vassil Petev
Telerik team
answered on 11 Feb 2010, 05:27 PM
Hi Rick Rehorst,

This is an interesting implementation and we will be happy to review the final results and give you some Telerik Points for sharing it with the Telerik community through our Code Library. We will be happy to assist you along the way.

As to the theming questions, could you share the exact steps you take so that we can see what is wrong? When you change some settings, do you save the file? Any additional information will help us pinpoint the problem. Feel free to attach some screenshots if necessary.

Thank you in advance.


All the best,
Vassil
the Telerik team

Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Follow the status of features or bugs in PITS and vote for them to affect their priority.
0
Rick Rehorst
Top achievements
Rank 1
answered on 14 Feb 2010, 09:37 PM
Hi Vasil.

Thank you for your answer.

As I told you I've setup the complete skin, got also the back button but I'm now puzzeling a little bit which control to use for the menu.
I can get the scrollig  behave like an Iphone menu, thats no problem but do you think I'ts possible with a RadMenu in WinForms or better take a RadListbox in WinForms to achieve the iPod look and feel?

Regards,

Rick
0
Deyan
Telerik team
answered on 17 Feb 2010, 08:34 AM
Hi Rick,

Currently, RadMenu does not support item scrolling. Although we plan to implement this feature soon, I cannot give you any further information about when this will happen. My advice would be to try using RadListBox control in this case since it already supports scrolling. I hope this helps.

Greetings,
Deyan
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
Rick Rehorst
Top achievements
Rank 1
answered on 23 Feb 2010, 12:07 AM
Hi

I'm still working on that Iphone menu in winforms but i'm struggeling with te layout of the radListBox.
I have the smooth scrolling code standing by but first want the layout to look nice...

Question 1
I take an Radlistbox and put in on a ordinary Windows form.
Add a couple of items to it and also add a style manager.
Then go to visual theme builder and rename the theme name to Test.

I take the RadListBoxItem and set the MinSize height to 50
Then I go to radListboxItem.borderprimitive and state: !mouseover and !selected.
Here I change the border color in de apearance screen to light grey.

What that does is set a light grey border arround every item.
I tried almost everything but I can't get the thing to just have a light grey Bottom border ONLY ! :-)

Question 2
Working whit this scenario, I go to the properties of one of the listbox Items and take the image property and point it to a nice grey arrow :-) The image appears on the left side. then I go to image alignment and select MiddleRight.
The image goes aprox to the middle but not complete aligned to the right ???
the only way I get it to the right is by adding a lot of spaces to the text of the item?

Any suggestions on thes 2 questions?

Regards,

Rick
0
Rick Rehorst
Top achievements
Rank 1
answered on 23 Feb 2010, 02:24 PM
Update

Q1 solved.

In the Themebuilder you can rightclick on the state tabs and there you can copy paste the settings from one state to another..
very handy :-)

Q2 still open...

Rick
0
Rick Rehorst
Top achievements
Rank 1
answered on 23 Feb 2010, 06:26 PM
Update

Q2 solved as well :-)
Since the picture is behind the text anyway, make a picture with te exact size of the Listboxitem and the imagealignment problem is solved.

New Question Q3
For some settings I'm catching the RadListBoxItem2_MouseEnter event. but I have to do this for all the items.

Is it possible to have one routine for mouse entering and one routine for mouse leaving.

So when the mouse enters ANY RadlistboxItem -> check which item it is and set his settings
Anyone an Idea which event to catch??

Regards,

Rick
Tags
General Discussions
Asked by
Rick Rehorst
Top achievements
Rank 1
Answers by
Vassil Petev
Telerik team
Rick Rehorst
Top achievements
Rank 1
Deyan
Telerik team
Share this question
or