+1-888-365-2779
Try Now
More in this section

Forums / Designing & Styling / Form Styling

Form Styling

4 posts, 0 answered
  1. Kelly
    Kelly avatar
    24 posts
    Registered:
    05 May 2010
    17 Feb 2011
    Link to this post
    Is there a way to remove the label from a form field? And can I change the submit button to an image?
  2. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    21 Feb 2011
    Link to this post
    For the button, just make it a css background image

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

  3. Katia
    Katia avatar
    194 posts
    Registered:
    01 Jul 2016
    22 Feb 2011
    Link to this post
    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
  4. Balanjaneyulu
    Balanjaneyulu avatar
    35 posts
    Registered:
    11 Feb 2016
    29 Jun in reply to Katia
    Link to this post

    Hi Katia,

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

    http://www.sitefinity.com/developer-network/forums/developing-with-sitefinity-/issue-on-applying-styles-to-mvc-fields-on-a-page

    Looking forward for your response.
    Thanks,
    Balu

4 posts, 0 answered