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

Forums / Designing with Sitefinity / CSS and the Classic and Overlay modes

CSS and the Classic and Overlay modes

4 posts, 0 answered
  1. Rob
    Rob avatar
    20 posts
    Registered:
    03 Jun 2010
    12 Nov 2010
    Link to this post
    Hello, I've got some basic questions here.  I've been designing sites for use with Sitefinity for just under a year now, and I'm running into the same problems with every build.

    1.  Can I, or should I be using a global reset for the css?  I have been doing this.
    2.  There are so many times when I can not get to a editable region due to overlapping regions.  What is doing this, and how I do I combat it, or proactively design not run into this problem.
    3.  I've learned that I can't use sprites at all, as they blow out the edit area of the site.  Is there a work-around for this?  Right now, I've not been using sprites.
    4.  Elements that are absolutely positioned can mess with editable regions too.  Should I not be using absolutely positioned elements?
    5.  My boss is suggesting switching back to tables, because we've been fighting with Sitefinity with pure css layouts.  How can we keep from not having to use archaic tables for design?

    Lastly...
    6.  When can we except a release for 4.0, and will it address any of these problems?

    Thank you,
    Rob
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    13 Nov 2010
    Link to this post
    Hi Rob,

    1.  Can I, or should I be using a global reset for the css?  I have been doing this.


    Generally the idea of the reset css is to ensure some defaults and some defaults and clear all css properties. For an end user this does not make any sense. For the person that will create the theme - if he/she knows all the properties these step could be skipped. Anyway, have not used this approach in 3.x editions, but we use it in Sitefinity 4.0.

    2.  There are so many times when I can not get to a editable region due to overlapping regions.  What is doing this, and how I do I combat it, or proactively design not run into this problem.

    You should have some spaces between the opening and closing tag of the ContentPlaceHolders. It is better to use short closing tag "/>" and escape as much as you can spaces between the HTML elements in the master page - template.

    3.  I've learned that I can't use sprites at all, as they blow out the edit area of the site.  Is there a work-around for this?  Right now, I've not been using sprites.

    You can use sprites. All RadControls for ASP.NET AJAX use sprite images.

    4.  Elements that are absolutely positioned can mess with editable regions too.  Should I not be using absolutely positioned elements?

    There are some backward compatible issues with the different browsers and most of them are related to the way that a control is styled. For instance absolute positioning of the container in IE7 can break the sliding of the RadMenu control.

    5.  My boss is suggesting switching back to tables, because we've been fighting with Sitefinity with pure css layouts.  How can we keep from not having to use archaic tables for design?


    I do not suggest that you should use tables.

    6.  When can we except a release for 4.0, and will it address any of these problems?

    You can take a look at Sitefinity 4.0 Pricing and Licensing


    Sincerely yours,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Rob
    Rob avatar
    20 posts
    Registered:
    03 Jun 2010
    13 Nov 2010
    Link to this post
    Let me back up my questions a little bit in more depth.

    I do use the shorthand way of coding.. ie <asp:ContentPlaceholder id="whatever" runat="server" />
    But I still run into problems of being able to select the editable region that I'm trying to get to inside of the control panel.  I use the latest version of Firefox when I'm in the admin section of Sitefinity.

    You say I can use sprites, but in my experience, using a sprite just ends up repeating the image forever down the page, and hides anything you want to get to behind the repeating images.

    I should also disclose that I am a 100% front-end designer.  I make designs, master templates, themes, html and css for Sitefinity.  I do not know .net programing.

    I've got a slew of sites that I can't access the editable regions without jumping through a million hoops.  Is there something I should be avoiding when I'm designing or coding?  When I get back to work Monday, I can take a screenshot of the back-end so you can see just how my sites are looking.

    Also, my sites all work across all major browsers (IE7, IE8, IE9, Firefox, Chrome, Safari and Opera) and all my html and css does validate.

  4. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    13 Nov 2010
    Link to this post
    Hi Rob,

    Without observing the css classes you apply I cannot be sure what exactly breaks your classes. You can try using Page Edit mode - "Classic". You can also check our demo website - demo.sitefinity.com to see how it behaves.

    If you want you can share a sample theme that you can use, so I could apply it to a local project and see if there is any issues with the control zones.

    Greetings,
    Ivan Dimitrov
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Register for webinar
4 posts, 0 answered