Form Styling - Front- & Back-End Development - Front- & Back-End Development - Progress Community
 Front- & Back-End Development

Form Styling

  • Form Styling
  • Is there a way to remove the label from a form field? And can I change the submit button to an image?
  • For the button, just make it a css background image

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

  • 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
  • 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