Saturday, April 01, 2006

Working with Skins and new controls in .NET 2005

I was helping the team in getting a proper UI.

We are using SKins and Themes for the same.

Getting a proper look for all controls was easy except for the following:
Grid View
Details View
Forms View

AFter a lot of experimenting and failures, I decided to get the desired look using the properties, and implement the code in Skin with changes. And it worked.

I am presenting the sample for different controls for convenience of those who need it.

Grid View, we need to give the Skin as below:





For Wizard, we need to give it as below:

StepPreviousButtonType="Link" BackColor="#EFF3FB" BorderColor="#B5C7DE" BorderWidth="1px" Font-Names="Verdana">


BorderWidth="1px" Font-Names="Verdana" Font-Size="8pt" ForeColor="#284E98" />

Font-Bold="True" Font-Size="8pt" ForeColor="White" HorizontalAlign="Center" />


For Buttons inlcuded in any of the Controls listed above, we need to mention in the source code where ever we see
or


ButtonClass is a class in the CSS file that defines the style. If this piece of code is not added, you may end up seeing small buttons on the screen.

One more thing I had found out while working is that Skin is having less effect on DetailsView.

Please correct me if I am wrong.

No comments: