indent before first tab

4 posts, 1 answers
  1. Edward
    Edward avatar
    45 posts
    Member since:
    Aug 2005

    Posted 20 Sep 2012 Link to this post

    Hi

    In the (awesome) metro theme the first tab has a left margin. Is it possible to remove that? so that the left side ot the tab is aligned with the tab container?

    I use implicit styles.

    Thanks!

    Edward
  2. Answer
    Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 25 Sep 2012 Link to this post

    Hi Edward,

    In order to change the left margin, you'll have to modify the Metro theme RadTabControl ControlTemplate. The ScrollViewerElement of the template has a predefined Margin of (2 4 2 0) so you can just change it to remove the left margin value.

    I attached a sample solution demonstrating this approach, so please have a look at it and let me know if it works for you.

    Regards,
    Tina Stancheva
    the Telerik team

    Time to cast your vote for Telerik! Tell DevPro Connections and Windows IT Pro why Telerik is your choice. Telerik is nominated in a total of 25 categories.

  3. DevCraft banner
  4. Edward
    Edward avatar
    45 posts
    Member since:
    Aug 2005

    Posted 27 Sep 2012 Link to this post

    Thanks!

    Is this a style I can override? or do I need to adjust it in the existing implicit template ?

    Greetings,
    Edward
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 02 Oct 2012 Link to this post

    Hi Edward,

    The style you need to edit is the default Metro style of the RadTabControl. If your application is using implicit styles, then you can find the RadTabControl style in the Telerik.Windows.Controls.Navigation.xaml ResourceDictionary and modify it to remove the left Margin of the ScrollViewerElement.

    Regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

Back to Top