Form Styling - Sitefinity - Front- & Back-End Development

All Replies

Posted by Community Admin on 17-Feb-2011 00:00

Is there a way to remove the label from a form field? And can I change the submit button to an image?

Posted by Community Admin on 21-Feb-2011 00:00

For the button, just make it a css background image

background: url('image.png') no-repeat;

Posted by Community Admin on 22-Feb-2011 00:00

Hi Steve,

You cannot remove the LABEL tag but you can hide it. To do so click Edit link of the particular field, go to Appearance tab and set a CSS class. After that add a CSS rule like the one below in your public site theme. Also, you can use " " (space) for label text.

.YourFieldCssClass .sfTxtLbl

display: none;

As for the button, you can add CSS rule in your public site theme to make the button an image.

.sfFormSubmit input

background: transparent url("") no-repeat 0 0;

border: 0; 

     text-indent: -9999px;

Let us know if you need further help.

Kind regards,
Katia
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!

Posted by Community Admin on 29-Jun-2016 00:00

Hi Katia,

Can you explain me how to add css styles for Mvc form fields?
Please comment on below post.

www.sitefinity.com/.../issue-on-applying-styles-to-mvc-fields-on-a-page

Looking forward for your response.
Thanks,
Balu

This thread is closed