Time to test other controls... ;-)
17 Answers, 1 is accepted
Yes, you can use the BackgroundVisibility property to switch the visibility of the header background. Like so:
If you would like to change the background, you will need to edit the template. Do come back to us if you need help with this.
the Telerik team
Go to the Tab section first. Then Select background color on the color chart and then set the Alpha channel to 100. Right now it's zero, and that's why you don't see any color.
I left it at zero and I use the background color to come through.
Hope this helps!
Thank you, Thank you!
I'm sure this question will come up from others again. You may want to put t his in the KB.
Oh man, are you kidding me? ;-) You should... Saves you a lot of time. Do all your layout in Blend and coding in VS.
Yes, you can use the Background property of the TabControl to set the background of the content area. I created the project in blend when and changed the properties. I am attaching so that you can have a look at it, if you need to.
It might be a bit confusing which of the properties are taken from the TabItems and used by the TabControl. Since we are currently working on the help articles for the controls, I will try to summarize some of the more interesting points for the TabControl here. Hopefully it will be helpful if you are trying to use the TabControl now.
- As a rule of thumb, the TabControl is made as much WPF-like as possible (with some improvements).
- The BorderBrush, BorderThickness & Background properties affect the content area.
- The BackgroundVisibility property affects the background of the headers.
- Content, ContentTemplate and IsBreak are the only properties of the tabItem used by the TabControl, all other properties - margin, background, etc affect the TabItem itself.
- If you set a SelectedIndex and there are not enough items for it (Selected index = 4, only 3 items present) and then later you add more items (without changing the index), item with index 4 will be selected when it is added, the SelectedIndex will change accordingly.
- If you need to track the selection, it is best to use SelectedItem, since SelectedIndex might change without changing the selection (e.g. when items are added before the currently selected item).
- If you add an item with IsSelected = true, it becomes the selected item.
- If an item is a non-visual item, it will be set as a DataContext of the Content area (so that binding will work, as in this example: http://www.telerik.com/demos/silverlight/#Examples/TabControl/HeaderContent,
- The TabControl actually uses 4 templates, which are exposed as properties: TopTemplate, BottomTemplate, LeftTemplate and RightTemplate. The templates are switched when the TabStripPlacement property is changed.
- If you need to change the template of the TabControl, it is best to set the above-mentioned properties since they will be used during the next switch (== placement property change).
- Items would not automatically form a second row in the TabStrip, you need to set the IsBreak property of the TabItem to true.
- If the focus has been set to a child of the currently selected content, the focus will be moved to the first focusable control in the new content (this for example does not happen in the MS TabControl and it is why you cant use TextBoxes as content).
As for Blend - it has its shortcomings and advantages. A quick change will be done faster in VS, but a complete design without Blend will be a hard thing to do.
Until we get the help articles done the forums will be the forums will be the best place for information on the controls, so do not hesitate to ask about things even in the sense of "I wonder whether <this> can be done with your controls", "I wonder whether <this> can be done in Silverlight".
the Telerik team
Michael, Blend 2.5 is free during trail, and looks like it be on trail for a long time. Take advantage of it.
Thank you for your info. The support is first class here!
Ben: I understand Blend is free for now, but I will at some point either have to pay up or switch to hand coding the XAML, so I prefer to learn how to get the most out of XAML from the start.
With the intellisense support in VS hand coding is not so difficult, not a huge difference from hand coding web sites which I have always done anyway. Just another language to learn, granted significantly more complex than HTML but still just a language.
After much hair pulling I downloaded the Default Style Browser from Silverlight.net and it threw an exception when I pointed it at the dlls in our project. Stepping through the code for the browser I found the exception was a missing generic.xaml.
Now I have copied the Telerik.*.dlls from the sample provided earlier in this thread and bingo I have a styled RadTabControl and my background is working as expected.
The .dlls in the attached project are the ones you get with the download, so feel free to use them. The missing generic.xaml though is a real surprise! I am sorry to hear that you have had to go through all of that to get it working, but hopefully you would not have problems now.
Your feedback on the controls is always welcome.
the Telerik team
1. How do I change color of the tabs (active, inactive, highlighted/rollover) ... Can I assign custom colors?
2. How do I change the color and width of a scroll bar?
Your help is greatly appreciated!
For both of your question the answer is to edit the control template for the TabControl and for the ScrollBars.
There are no exposed properties about what you are trying to achieve.
the Telerik team
This is an issue when Background and Foreground have the same color when tab is selected, and unable to find a workaround.
We made some changes in the templates of the Themes in the Q1 release.
In the previous version of our control it was possible to change the foreground color of TabItem because we used telerikNavigationPrimitives:TabItemContentPresenter .
In the new version (Q1) we use ContentPresenter. Unfortunately, it is not possible to change the foreground of the TabItem because of the ContentPresenter that the Tab uses internally. The ContentPresenter itself does not expose a Foreground property.
Please find attached a project with a workaround. In the project I made a custom theme of TabItem control and replaced the ContentPresenter with ContentControl. Using this change means that you will not be able to change the theme at Runtime.
the Telerik team