ScrollBars Styling...

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

    Posted 02 Mar 2010 Link to this post

    Hi,

    We would need to enlarge the scrollbars for a touch screen.
    Is there any way to style the scrollbars of the Grid ?

    Thank you
  2. Kalin Milanov
    Admin
    Kalin Milanov avatar
    447 posts

    Posted 05 Mar 2010 Link to this post

    Hello Marc Roussel,

    The best way to edit the scrollbars will be to drop a GridViewScrollViewer in Blend, edit its template and change the Width and Height properties of the Vertical and HorizontalScrollBars respectively. Once done apply the generated GridViewScrollViewerStyle to the GridViewScrollViewer control in the RadGridView template. 

    Let me know if you need any further assistance with this task.

     Regards,
    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.
  3. DevCraft banner
  4. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 05 Mar 2010 Link to this post

    Hi,

    I did drop a GridViewScrollViewer on Blend 3 Artboard then I did click Edit Template -> Edit a Copy and then I have an exception which you can see in the screenshot
  5. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 05 Mar 2010 Link to this post

    I have version : 2009.3.1314.1030
    on Windows Vista Ultimate x64 SP2
    Blend : 3.0.1927.0
  6. Kalin Milanov
    Admin
    Kalin Milanov avatar
    447 posts

    Posted 09 Mar 2010 Link to this post

    Hi Marc Roussel,

    Please find attached a sample which includes ready to be styled GridViewScrollViewer. I hope it will help in achieving your task.

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

    Posted 12 Mar 2010 Link to this post

    Sir,

    I've loaded your project and successfuly change teh width of the vertical scroll bar for instence now that I have a large one
    you said, and I quote here : "Once done apply the generated GridViewScrollViewerStyle to the GridViewScrollViewer control in the RadGridView template" but how do you do that ?

    Also, It doesn't help me know how you do all that in Blend 3.  Would be very necessary to see a video tutorial on how you do all your work by showing us step by step how you achieve that in Blend 3

    Now that I have your porject with something I've been able to modify I don't even know what to do to bring this to my current application since what I have is a project and not something I can see to learn how to do it myself in my own application.
  8. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 12 Mar 2010 Link to this post

    Sorry to tell you that but for me it's a real pain to do this task. 

    First as soon as I try to edit the template of a GridViewScrollViewer, Blend 3 crashes.  See attachment.
    Then even tought I would be able to work out the whole thing.  Then how do you make it so my RadGridView use this new style.
    After looking at everything possible to style the grid I did not find the way.
    finally, I always see this GridViewScrollViewer on screen while running my application.  So all in all, it doesn't seem easy to juste enlarge a scrollbars of the grid.

    I would pay for a video tutorial if necessary.  It's insane how it's hard to accomplish any styling for the grid.

    WELL, I just tried to attach a jpg twice and I don't see it after UPDATE of my post.  Let's try a third time..........
    WELL again, unsuccessful.  I don't know how to attach my simple jpg which is only 115k
  9. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    I would need help on this.

    I'm now with Blend 4 and your latest build which in my case is 419
    and when I drop a GridViewScrollViewer on the board and edit the template, it crashes with a NullReferenceException (Object reference not set to an instance of an object)

    When I select Edit a copy, a big dialog box appear saying Resource Key Conflict which I don't know what that means.
    I have 2 possible option.  ADD THE COPIED RESOURCE ALONGSIDE THE EXISTING RESOURCE
    or OVERWRITE THE EXISTING RESOURCE WITH THE COPIED RESOURCE

    I tried both of them and as soon as I hit ok, the crash occurs
  10. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 03 May 2011 Link to this post

    Hello Marc,

     

    The templates of different RadGridView's parts share common resources. When you edit multiple parts in a single project you have duplicate resources and Blend prompts you for these equality. You have the option either to override the currently used resource or to replace it with the default one. 
    Furthermore you may take a look at the following screencast which demonstrates how to modify RadGridView's ScrollViewer using ExpressionBlend. 


    Greetings,
    Vanya Pavlova
    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
  11. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    Yes this is actually what I'm looking at however when you drop the Collection to the grid the rows of the sampledata appears on your grid for me there's nothing.

    When I drag the collection over the RadGridView, it's saying Listbox and if I release, it's a listbox.
    However if I hit ALT and hold it whilte draging, it's asking me the same as your which is to bind at ItemsSource however when I release it, nothing appear on the grid.

    Anyway idea ?
  12. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    Oh My, I've been able to make it work by draging it on the RadGridview but not on the Artboard but on the Objects and Timeline
  13. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    How do you apply the style which is enlarged scrollbars to a GridViewComboBoxColumn by C# code ?
  14. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 03 May 2011 Link to this post

    Hi Marc Roussel,

     

    GridViewComboBox column simply uses RadComboBox control as its editor. If you need to change RadComboBox's style and its ScrollViewer you can edit its template and apply the desired changes. Using an implicit style targeted at RadComboBox will affect our GridViewComboBoxColumn. 


    All the best,
    Vanya Pavlova
    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
  15. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    I have my style which is all right and I have this line of code :

    ((GridViewComboBoxColumn)rgvComponents.Columns[rgvComponents.Columns.Count - 1]).EditorStyle = this.Resources["RadComboBoxStyle"] as Style;

    However the style isn't applyed.
    What am I doing wrong ?

    In this style, in Blend I see that the RadComboBox Style really have the MinWidth to 30 which enlarge the vertical scrollbar
    But once applied by the code above, once the application run Gridview part of the RadComboBox doesn't have the vertical scoll bar enlarged
  16. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    The question is more like how do you enlarge the scrollbars of a GridViewComboBoxColumn as it doesn't seem to be the same as styling the RadGridView scrollbars as shown on the video !

    And how do you apply it by C# code
  17. Marc Roussel
    Marc Roussel avatar
    429 posts
    Member since:
    Dec 2009

    Posted 03 May 2011 Link to this post

    I created a support ticket.
    Thank you
Back to Top
DevCraft banner