Sitefinity fields are looking clumsy on Sitefinity Page.

Posted by Community Admin on 04-Aug-2018 14:04

Sitefinity fields are looking clumsy on Sitefinity Page.

All Replies

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

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

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

Hi.

Can you attach screenshot example?

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

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



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

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

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

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



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

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

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
 

This thread is closed