Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > List of CSS classes used in Web Parts etc View modes: 
User avatar
Certified Developer 10
Certified Developer 10
varinder-kudosweb - 8/29/2013 6:13:10 PM
   
List of CSS classes used in Web Parts etc
I wonder if theres a list of all the css classnames used in html rendered by kentico

For example:
A biz forms Input fields are almost always wrapped in a div with a class "EditingFormControlNestedControl" whereas lables has a class name "EditingFormLabel" defined on them.

Is it possible to have a list of them like below?


.EditingFormNestedControl > input { } // input field
.EditingFormLable { } // lables
.[Some validation message class name] { }
....



I found a list of all the classnames used for buttons which was very helpful


.contentButton,
.sendToFriend input[type=submit],
.SubmitButton,
.ContentButton,
.LogonDialog input[type=submit],
.LoginPanelPasswordRetrieval input[type=submit],
.LongButton,
.EventManagerRegistration .EventManagerRegButton,
.filterButton,
.WishlistTable
.btnContinue input,
.CartTable input[type=submit],
.CntRatingSubmitBtn,
.myAccount .TabsContent input[type=submit],
.commentView .SubmitButton,
.SubscriptionButton,
.ProductFilter .ContentButton,
.FormButton,
.XLongButton,
.examplesToLeft input[type=submit],
.CMSSearchDialogSearchButton,
.ChangePasswordTable input[type=submit],
.RegisterButton,
.LightGradientBox input[type=submit],
.FormButton,
.ContentButton,
.signoutButton,
.EditContributionEdit,
.EditContributionDelete,
.NewItemLink,
.EditContributionClose {
...
}


- Varinder

User avatar
Kentico Legend
Kentico Legend
Brenden Kehren - 8/30/2013 11:46:29 PM
   
RE:List of CSS classes used in Web Parts etc
I don't beleive this is documented at all. What I think would be a good idea is to define the CSS classes in a resource file and dynamically place them within code vs. hard coding the styles. This would be a huge help when it comes to styling a site. You either rename the style or override it within the resx file.