Form
Hello,
I have already created a form and called it on a page but I can neither center it nor enlarged the text. I have also add CSS to it, but the latter is applied only to the header's part. I want to modify the text boxes and format the submit button. Can someone please help me.
Thank You
Vishika
Hi Vishika,
Could you please take a look at the following article from the Sitefinity documentation to get the list of CSS classes applied to forms widget. Then you can create a .css file in your project's folder and add your CSS styles. Here is an example:
/*Input field of Textbox and Paragraph text box form widgets*/
.sfTxt
width
:
200px
;
height
:
40px
;
border-radius:
6px
;
background-color
:
#dedede
;
/* label wrappers */
.sfLeftLbls, .sfRightLbls, .sfTopLbls
text-align
:
center
;
/*Submit button*/
input[type=submit]
background-color
:
#24ca23
;
color
:
white
;
width
:
200px
;
height
:
40px
;
border-radius:
6px
;
/*Field label of Textbox, Multiple choice, Checkboxes,
Paragraph text box, Dropdown list form widgets.*/
.sfTxtLbl
font-size
:
18px
;
Dear Sabrie
I think it could be helpfull if in every section of the .css documentaion there were a download link to the default theme .css so we could take this as a starting point.
Markus
Hi Markus,
Thank you for the feedback. I have forwarded your suggestion to the Documentation team. For the time being you can download the Basic theme from your SDK installation folder/Content/Resources/BasicFrontendTheme.
Regards,
Sabrie Nedzhip
Telerik