I have recently upgraded to v7.3 and decided to use the AppStylist this time. I started with what I thought would be an easy element - the Menu. That took ages to work out and it doesn't look the same in the application. But I moved onto the Tab control. That is completely beyond me. The settings on Control and Control Outer actually appear to make a change on the screen but how do I change the colours on the Current tab and the other available tabs????? To make matters worse there is no documentation - what exactly is 'HoverTab_Top_Rounded'?
I had high hopes for this as I am rewriting an application with lots of pages and Infragistics controls but I think I'll just go back to using the standard style sheet assignment.
Have I missed something? I really like the Infragistics controls and am very disappointed with this.
James
thebigo said: I started with what I thought would be an easy element - the Menu. That took ages to work out and it doesn't look the same in the application. But I moved onto the Tab control. That is completely beyond me.
I started with what I thought would be an easy element - the Menu. That took ages to work out and it doesn't look the same in the application. But I moved onto the Tab control. That is completely beyond me.
I read that you are creating your own style set, I guess my first question would be: are you using one of the Style Sets designed by our Visual Design Group as a starting point to customise, or are you going at it completely from scratch?
thebigo said: To make matters worse there is no documentation - what exactly is 'HoverTab_Top_Rounded'?
To make matters worse there is no documentation - what exactly is 'HoverTab_Top_Rounded'?
You can find HoverTab_Top_Rounded explained in the help topic "Styling Specific Components: WebTab." The documentation, from a visual designer/style library implementor point of view using NetAdvantage AppStylist for ASP.NET, can be found in the "Styling Your Application" section of the NetAdvantage for ASP.NET Developers Guide in the help.
Overall, NetAdvantage for AppStylist strives to relieve the designer from having to deal with the HTML/CSS rendering intricacies of the controls, but getting rounded tab corners that could have any variety of TabOrientation to look correct with only CSS was a challenging case. We had to resort to having separate UI roles for each of these orientations, because TabOrientation is something that can change based on the run-time property settings made on the tab control by the developer. These UI roles require the RoundedImage to be set because of the slicing needed to create the appearance of rounded tabs in HTML using regimented, rectangular tables. You get the rounded part of the image in the corners, and the straight edge of the image along the borders. These rounded corner tab UI roles may not be as intuitive as other parts of AppStylist, but we're always open to suggestions on how it can be made easier.