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

Forums / Designing & Styling / Template styling issue

Template styling issue

5 posts, 0 answered
  1. John
    John avatar
    97 posts
    Registered:
    11 Jan 2011
    23 Nov 2011
    Link to this post

    Hi

    I have a master page based template which I have applied to a page. The page has a user control form widget on it. When I view the page in page editor or even take a preview from within page editor, the form fields appear as attached image Page-Editor.jpg. However when I view the page from the list of pages the page appears as attached image View.jpg ie form fields are squashed. What are some of the things I can check to fix this issue?

    Thanks

    Regards

  2. Tim
    Tim avatar
    258 posts
    Registered:
    22 Jun 2011
    25 Nov 2011
    Link to this post
    John,

    If you're still experiencing the issue, could you provide a link to the page? With styling issues, it's much faster to diagnose if we can look at the offending code. :)

  3. Jen Peleva
    Jen Peleva avatar
    568 posts
    Registered:
    10 Nov 2016
    25 Nov 2011
    Link to this post
    Hi Tim,

    It seems that margins don't get applied to the rows of your widget. Also, some changes, made to the page, are properly displayed only when you publish the page and aren't visible in Preview mode. As Tim said, we will be able to help you further if you provide us with a link to the site.

    Greetings,
    Jen Peleva
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  4. John
    John avatar
    97 posts
    Registered:
    11 Jan 2011
    09 Dec 2011
    Link to this post

    Hi

    Here is the link to the page; http://staff.portal-high-society.com/staff-declaration

    Thanks

    Regards

  5. Tim
    Tim avatar
    258 posts
    Registered:
    22 Jun 2011
    09 Dec 2011
    Link to this post
    John,

    There is a "margin: 0;" applied to them through the default styles. Adding the following line to your <style> block should fix the issue:

    .style3 input[type="text"] { margin: 2px 0; }

    Hope that helps!
5 posts, 0 answered