This is a migrated thread and some comments may be shown as answers.

indent before first tab

3 Answers 58 Views
TabControl
This is a migrated thread and some comments may be shown as answers.
Edward
Top achievements
Rank 2
Edward asked on 20 Sep 2012, 05:51 PM
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

3 Answers, 1 is accepted

Sort by
0
Accepted
Tina Stancheva
Telerik team
answered on 25 Sep 2012, 01:23 PM
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.

0
Edward
Top achievements
Rank 2
answered on 27 Sep 2012, 12:01 PM
Thanks!

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

Greetings,
Edward
0
Tina Stancheva
Telerik team
answered on 02 Oct 2012, 11:52 AM
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.

Tags
TabControl
Asked by
Edward
Top achievements
Rank 2
Answers by
Tina Stancheva
Telerik team
Edward
Top achievements
Rank 2
Share this question
or