Marc Roussel
Top achievements
Rank 2
Rank 2
Marc Roussel
asked on 18 May 2010, 02:52 PM
Hi,
I'm developping for a touchscreen and the scrollbars are too small.
Is there an easy way to make them bigger without going in the enourmous complexity of the templating, styling ?
I'm developping for a touchscreen and the scrollbars are too small.
Is there an easy way to make them bigger without going in the enourmous complexity of the templating, styling ?
9 Answers, 1 is accepted
0
Marc Roussel
Top achievements
Rank 2
Rank 2
answered on 18 May 2010, 02:52 PM
On the same note, could we easily make the [Click here to add new item] button bigger and also, the Group line when grid is groupped
0
Hello Marc Roussel,
Attached I am sending you a sample which achieves all of the requests above. The new row and scroll viewer width / heights are achieved in a very straightforward manner. The group row took some tweaking in the template.
Best wishes,
Kalin Milanov
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.
Attached I am sending you a sample which achieves all of the requests above. The new row and scroll viewer width / heights are achieved in a very straightforward manner. The group row took some tweaking in the template.
Best wishes,
Kalin Milanov
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
Marc Roussel
Top achievements
Rank 2
Rank 2
answered on 20 May 2010, 01:05 PM
Hi,
I absolutely don't know how you achieved that just by looking at your project.
First there's no code in C# code and I never write xaml by hand myself because I really don't know xaml at all. I'm just using the Blend UI so looking at the project in Blend just show me what I want but I really don't know how to go from scratch doing this.
Even thought I did look in all the templates, there's no one in Blend I see Edit Current. So all in all I presume you did all this by hand in xaml. Could you please show me a video or any text here to exmplain how you do these things from scratch step by step ?
Of if it's possible and faster, just the few lines of C# code that do the same thing ?
Thank you in advance.
I absolutely don't know how you achieved that just by looking at your project.
First there's no code in C# code and I never write xaml by hand myself because I really don't know xaml at all. I'm just using the Blend UI so looking at the project in Blend just show me what I want but I really don't know how to go from scratch doing this.
Even thought I did look in all the templates, there's no one in Blend I see Edit Current. So all in all I presume you did all this by hand in xaml. Could you please show me a video or any text here to exmplain how you do these things from scratch step by step ?
Of if it's possible and faster, just the few lines of C# code that do the same thing ?
Thank you in advance.
0
Marc Roussel
Top achievements
Rank 2
Rank 2
answered on 20 May 2010, 01:09 PM
Also when I clicked to edit a style or template call it whatever you want. Here's what I had from your project !
I'm using the latest build 422. Does the same for the one above but all others seems to work.
Actually I don't know how to implement this in my actual project.
I'm using the latest build 422. Does the same for the one above but all others seems to work.
Actually I don't know how to implement this in my actual project.
0
Hello Marc Roussel,
I don't seem to grasp what the issue is here. From what I gather the sample i have sent you is achieves your requirements. I understand that this might look like quite a bit of XAML but this is to be expected as it is the nature of the platform. Working with styles and templates is the right way to go and therefore if you do it right there should not be any need of writing C# code to achieve styling.
If you take a careful look at the XAML you will see that there really is nothing special about it.
1. The new row height is defined in 3 lines with a style setter.
2. The group row required template editing and TemplateBinding the MinHeight to a couple of elements in order to get it to work. This is now implemented in the grid and will be available with the upcoming Q2.Beta. Bottom line is you will be able to do it the same way as the new row - with 3 lines of XAML.
3. The ScrollBars width and height is achieved via editing the template of the scroll viewer and setting MinWidth and MinHeight to the scrollbars.
The sample was made entirely via the Blend UI though I have to admit there I was looking at the output XAML to save time in preparing it.
The only real issue here is the Exception you are getting in your follow-up post which will look into.
As for the implementation in your project - the styles are implicit so Copy / Pasting them should be sufficient to get you started. You might need to do some namespace tweaking if you are not using the telerik URI namespace, but again that is to be expected when pasting from another person's code.
Best wishes,
Kalin Milanov
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.
I don't seem to grasp what the issue is here. From what I gather the sample i have sent you is achieves your requirements. I understand that this might look like quite a bit of XAML but this is to be expected as it is the nature of the platform. Working with styles and templates is the right way to go and therefore if you do it right there should not be any need of writing C# code to achieve styling.
If you take a careful look at the XAML you will see that there really is nothing special about it.
1. The new row height is defined in 3 lines with a style setter.
2. The group row required template editing and TemplateBinding the MinHeight to a couple of elements in order to get it to work. This is now implemented in the grid and will be available with the upcoming Q2.Beta. Bottom line is you will be able to do it the same way as the new row - with 3 lines of XAML.
3. The ScrollBars width and height is achieved via editing the template of the scroll viewer and setting MinWidth and MinHeight to the scrollbars.
The sample was made entirely via the Blend UI though I have to admit there I was looking at the output XAML to save time in preparing it.
The only real issue here is the Exception you are getting in your follow-up post which will look into.
As for the implementation in your project - the styles are implicit so Copy / Pasting them should be sufficient to get you started. You might need to do some namespace tweaking if you are not using the telerik URI namespace, but again that is to be expected when pasting from another person's code.
Best wishes,
Kalin Milanov
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
Marc Roussel
Top achievements
Rank 2
Rank 2
answered on 26 May 2010, 10:59 AM
Hi,
If you take a careful look at the XAML you will see that there really is nothing special about it.
........I have no doubt sir. But Thanx to Microsoft so we don't have to write it by hand and don't ever have to know it.
1. The new row height is defined in 3 lines with a style setter.
........Yeah sure but how about where you start in Blend UI to do this ?
2. The group row required template editing and TemplateBinding the MinHeight to a couple of elements in order to get it to work. This
is now implemented in the grid and will be available with the upcoming Q2.Beta. Bottom line is you will be able to do it the same way as the new row - with 3 lines of XAML.
...........Ah. Good news. But please don't tell I have to write xaml as I don't know anything about it and I will never know it. We will still need to understand how to do it by Blend UI.
3. The ScrollBars width and height is achieved via editing the template of the scroll viewer and setting MinWidth and MinHeight to the scrollbars.
.........Now this is the most enigmatic of all your answers. Please could you show me a little video on how you do that ? Again, this is not obvious where you start because I never found ScrollViewer to style in all the template of the grid Either I'm blank or there's something I'm unaware of.
Thank you
If you take a careful look at the XAML you will see that there really is nothing special about it.
........I have no doubt sir. But Thanx to Microsoft so we don't have to write it by hand and don't ever have to know it.
1. The new row height is defined in 3 lines with a style setter.
........Yeah sure but how about where you start in Blend UI to do this ?
2. The group row required template editing and TemplateBinding the MinHeight to a couple of elements in order to get it to work. This
is now implemented in the grid and will be available with the upcoming Q2.Beta. Bottom line is you will be able to do it the same way as the new row - with 3 lines of XAML.
...........Ah. Good news. But please don't tell I have to write xaml as I don't know anything about it and I will never know it. We will still need to understand how to do it by Blend UI.
3. The ScrollBars width and height is achieved via editing the template of the scroll viewer and setting MinWidth and MinHeight to the scrollbars.
.........Now this is the most enigmatic of all your answers. Please could you show me a little video on how you do that ? Again, this is not obvious where you start because I never found ScrollViewer to style in all the template of the grid Either I'm blank or there's something I'm unaware of.
Thank you
0
Accepted
Hi Marc Roussel,
I made you some videos for you to see how the results in the previous sample were achieved. No typing - just Blend.
The scroll bars - editing the templates and setting widths
http://screencast.com/t/MGQ2ZDY2
The new row - or the three lines of XAML via the UI
http://screencast.com/t/NDVlYTk4N
The group row - template binding and setting a height in style
http://screencast.com/t/OTJmODE2OTct
Also you will find the output of those three videos attached.
Greetings,
Kalin Milanov
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.
I made you some videos for you to see how the results in the previous sample were achieved. No typing - just Blend.
The scroll bars - editing the templates and setting widths
http://screencast.com/t/MGQ2ZDY2
The new row - or the three lines of XAML via the UI
http://screencast.com/t/NDVlYTk4N
The group row - template binding and setting a height in style
http://screencast.com/t/OTJmODE2OTct
Also you will find the output of those three videos attached.
Greetings,
Kalin Milanov
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
Marc Roussel
Top achievements
Rank 2
Rank 2
answered on 02 Jun 2010, 08:08 PM
Incredible. This is talking by itself. I love it. THIS is the way to show how things work.
thank you a lot...
thank you a lot...
0
Helen
Top achievements
Rank 2
Rank 2
answered on 23 Feb 2011, 09:42 PM
You guys ROCK!!!
This just saved me buckets of time on a touch project
Thanks so much!
This just saved me buckets of time on a touch project
Thanks so much!