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

Forums / Developing with Sitefinity / Sitefinity fields are looking clumsy on Sitefinity Page.

Sitefinity fields are looking clumsy on Sitefinity Page.

6 posts, 1 answered
  1. Balanjaneyulu
    Balanjaneyulu avatar
    35 posts
    Registered:
    11 Feb 2016
    13 Jun
    Link to this post
    Hi everyone,

    I have created Sitefinity Project 9.0 and trying to build a webpage.

    I am facing UI issue. I.e. The form fields are looking clumsy on the Sitefinity page.

    Can someone help me why the fields are looking clumsy?


    Thanks,
    Balu
    Answered
  2. Victor Leontyev
    Victor Leontyev avatar
    65 posts
    Registered:
    01 Jul 2014
    13 Jun
    Link to this post

    Hi.

    Can you attach screenshot example?

    And did you try to check browser console? May be some styles not loaded correctly.

  3. Balanjaneyulu
    Balanjaneyulu avatar
    35 posts
    Registered:
    11 Feb 2016
    13 Jun
    Link to this post


    Hi Victor,

    The Issue is reproducible only when I create a page with custom page template or when I change the design of existing template. However, If I create a page using existing template the MVC UI looks better.

    Please find the attached Image.

    Thanks,
    Balu
  4. Victor Leontyev
    Victor Leontyev avatar
    65 posts
    Registered:
    01 Jul 2014
    14 Jun in reply to Balanjaneyulu
    Link to this post

    I don't think that it is problem. Existing template already have some css styles for form fields. And i think your custom templates dont have any csss styles for form. That the reason why they looks like that.

    You can copy form styles to your custom template from existing, or you can write your own css

  5. Balanjaneyulu
    Balanjaneyulu avatar
    35 posts
    Registered:
    11 Feb 2016
    14 Jun
    Link to this post


    Hi Victor,

    Thank you for your suggestion. However, I am not familiar with Sitefinity so it would be helpful If you share any video or link on creating page template and applying CSS styles.

    Thanks,
    Balu
  6. Nikola Zagorchev
    Nikola Zagorchev avatar
    424 posts
    Registered:
    08 Dec 2016
    16 Jun
    Link to this post
    Hello Balu,

    This is expected if the Sitefinity stylesheets are not loaded on the page or you are not using the correct classes for the elements.

    If this is a MVC page, check the MVC default templates and styles referenced:
    https://github.com/Sitefinity/feather-packages/blob/master/Bootstrap/MVC/Views/Layouts/default.cshtml
    For the html elements you can use the bootstrap styles.

    Please, check these documentation articles for web forms:
    http://docs.sitefinity.com/reference-css-classes-applied-to-widgets
    http://docs.sitefinity.com/tutorial-style-your-website-with-custom-themes-and-templates

    Regards,
    Nikola Zagorchev
    Telerik
     
    Do you want to have your say in the Sitefinity development roadmap? Do you want to know when a feature you requested is added or when a bug fixed? Explore the Telerik Sitefinity CMS Ideas&Feedback Portal and vote to affect the priority of the items
     
6 posts, 1 answered