MetroTheme in Q3 release

6 posts, 0 answers
  1. Mattias
    Mattias avatar
    19 posts
    Member since:
    May 2011

    Posted 09 Dec 2011 Link to this post

    I know it's subjective, but, what have you done with the Metro theme in the Q3 SL RadGridView, I get a DOS / Window 95 vibe over certain changes especially with the new column header style and the shadow next to the "rowselector".

    The styles in Q2 feel at least to me much lighter and more modern. Please give it back... :)

    Just wanted to make my voice heard... :)

    Have a nice day!


     
  2. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 12 Dec 2011 Link to this post

    Hello Mattias,

     
    Thank you for sharing your thoughts! We have received a lot of customer feedback regarding the Metro theme design for RadGridView and we made several changes in it including the mentioned for the official Q3 release for this year. The completely borderless column headers lead to a confusion when you have grouping on multiple levels and it is hard to differentiate the group headers from the column headers. By that reason we have decided to place a single Border around these. The situation is similar with the frozen column splitter as well. We are constantly looking forward to improve our components and to hear the voice of our customers. If you want to revert the previous style I would recommend you to predefine the templates of GridViewHeaderCell and the FrozenColumnSplitter based on Metro theme to achieve your goal. If you need sample project I would be glad to prepare small demo which illustrates how this can be achieved. 
    Once again thank you for your feedback! 



    Best wishes,
    Vanya Pavlova
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. alamb
    alamb avatar
    4 posts
    Member since:
    Jul 2010

    Posted 14 Dec 2011 Link to this post

    I'm also unhappy with the metro grid styles in Q3.  This is preventing me from upgrading my project from Q2.  See the attached screenshot for comparison.  The new blue lines look out of place and are not consistently applied to the top and sides of the column headers.  Please consider reverting this change, or at least provide an easy way to turn off the unwanted borders.
  4. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 14 Dec 2011 Link to this post

    Hello Alamb,

     
    This issue has been already fixed and you may try one of our latest internal builds or directly with the upcoming Service Pack where such a behavior cannot be observed. Regarding the issue with the blue Borders around column headers you may always modify the existing Metro theme and remove it from there.
    Can you verify how customizing the default Metro theme works for you? 
    If this is an option I will be glad to prepare a small demo which demonstrates how this can be achieved.



    Regards,
    Vanya Pavlova
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  5. alamb
    alamb avatar
    4 posts
    Member since:
    Jul 2010

    Posted 14 Dec 2011 Link to this post

    With the Dec. 14 internal build I can almost get back to the Q2 look using these styles:

    <Style TargetType="telerik:GridViewHeaderCell">
      <Setter Property="BorderBrush" Value="{StaticResource BasicBrush}" />
      <Setter Property="BorderThickness" Value="0 0 0 1" />
    </Style>
    <Style TargetType="telerik:GridViewHeaderRow">
      <Setter Property="BorderBrush" Value="{StaticResource BasicBrush}" />
    </Style>

    I can't figure out how to get the 1px white space above and below sorted and hovered column headers though.

    Also is the difference in font styles between GridView and TreeListView intentional?  For example GridView has bold column headers and normal black row text while TreeListView has normal column headers and bold grey row text.
  6. Vanya Pavlova
    Admin
    Vanya Pavlova avatar
    2019 posts

    Posted 15 Dec 2011 Link to this post

    Hi Alamb,

     

    Thank you for getting back to us! This is the Border named GridViewHeaderCell_Selected, which appears when you click on the sorting icon. You may change this through predefining the template of GridViewHeaderCell in Metro Theme and add a corresponding Margin. 
    Regarding your second question: RadTreeListView directly inherits RadGridView. From the UX point of view RadTreeListView have 2 separate templates for its own template and for TreeListViewRow.
    The rest parts are directly used from RadGridView. In Metro theme the Foreground is different in these components and this is by design. Instead of keeping separate styles you may modify the default Metro theme and its styles to achieve the desired look and feel. 
    In our online documentation we have an article which demonstrates how this can be achieved. 



    Kind regards,
    Vanya Pavlova
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

Back to Top