Touchscreen, ScrollBars, a pain !

10 posts, 1 answers
  1. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 18 May 2010 Link to this post

    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 ?
  2. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 18 May 2010 Link to this post

    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
  3. DevCraft banner
  4. Kalin Milanov
    Admin
    Kalin Milanov avatar
    447 posts

    Posted 20 May 2010 Link to this post

    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.
  5. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 20 May 2010 Link to this post

    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.
  6. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 20 May 2010 Link to this post

    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.
  7. Kalin Milanov
    Admin
    Kalin Milanov avatar
    447 posts

    Posted 26 May 2010 Link to this post

    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.
  8. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 26 May 2010 Link to this post

    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
  9. Answer
    Kalin Milanov
    Admin
    Kalin Milanov avatar
    447 posts

    Posted 31 May 2010 Link to this post

    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.
  10. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 02 Jun 2010 Link to this post

    Incredible.  This is talking by itself.  I love it.  THIS is the way to show how things work.
    thank you a lot...

  11. Helen
    Helen avatar
    101 posts
    Member since:
    Nov 2008

    Posted 23 Feb 2011 Link to this post

    You guys ROCK!!!

    This just saved me buckets of time on a touch project

    Thanks so much!
Back to Top
DevCraft banner