I have a website with a layout of a main content area on the left and right sidebar and the client wants to be able to create two types of forms, one type that appears in the content area and one type that appears in the right-hand area as a call to action form. The client wants to be able to create as many different forms using these two types as they want.
Now obviously the two types of forms have different styles, therefore my question is how do I go about having the option for the client to specify which type of form it is they are creating and then applying the correct styling to that form type??
If you now diasble the Default Stylesheet you can now use something like this in your. According to the name given to your form e.g "right-handarea" you should be getting this when your form will be rendered
Multiple form stylesheets
I have a website with a layout of a main content area on the left and right sidebar and the client wants to be able to create two types of forms, one type that appears in the content area and one type that appears in the right-hand area as a call to action form. The client wants to be able to create as many different forms using these two types as they want.
Now obviously the two types of forms have different styles, therefore my question is how do I go about having the option for the client to specify which type of form it is they are creating and then applying the correct styling to that form type??
Hi Graham,
What you can eventually do is when creating your forms under the Contour Section, make use of the default Contour Stylesheet that will be rendered.
You can copy the defaultForm.css stylesheet from contour by either viewing the page source or here /umbraco/plugins/umbracoContour/css/defaultform.css under your instance.
If you now diasble the Default Stylesheet you can now use something like this in your. According to the name given to your form e.g "right-handarea" you should be getting this when your form will be rendered
Then you can just make your own custom style
#contour .right-hand-area{}#contour .right-hand-areaLabel{}
#contour .right-hand-area div{}
Etc . ..
Hope this make sense
Fuji
is working on a reply...