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

Forums / Designing with Sitefinity / Different CSS for Editing-Pages and Live-System

Different CSS for Editing-Pages and Live-System

4 posts, 0 answered
  1. Dave
    Dave avatar
    37 posts
    Registered:
    26 Dec 2008
    20 Feb 2009
    Link to this post
    Hello!

    On our Website we have a Placeholder for an Image and overlaying another Placeholder for a Deco-Element (png) which is partly transparent. The Image has z-index:0 and the Deco-Element z-index:1.

    That works fine for the site. But when editing the page I can't click on "Edit" or "Delete" of the underlaying Placeholder.The Deco-Element-Placeholder is much larger than the other. For this it would be enough to switch the z-index from the two elements in Editing-Mode to solve the Problem.

    Is there a way to use different CSS-File for Editing and Live-System and how, or has anyone another Idea to solve the Problem?

    Thanks in advance!

    Dieter



  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    25 Nov 2016
    24 Feb 2009
    Link to this post
    Hi Dieter,

    Thank you for using our services.

    You could try switching between the containers from the drop down at the right corner or switching the modes - Overlay - Classic to see if this will enable - Edit-Delete control buttons.

    All the best,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  3. Dave
    Dave avatar
    37 posts
    Registered:
    26 Dec 2008
    24 Feb 2009
    Link to this post
    Thank You for Your reply, Ivan!

    Unfortunately it makes no difference switching the Edit-Mode. The underlaying Part keeps to be unclickable.

    Greetings!

    Dieter
  4. Pepi
    Pepi avatar
    981 posts
    Registered:
    28 Oct 2016
    26 Feb 2009
    Link to this post
    Hi Dieter,

    To use different CSS files for the public site and edit mode, you could create a user control which wraps CssFileLink control. It is provided by Sitefinity and displays a link to a CSS file in the head section of the page. The point is to set dynamically FileName property of the CssFileLink depending on the current mode of the page. Additionally, your user control should provide two properties (for example PublicPageFileName and EditPageFileName) for getting/setting the path to the different CSS files.

    For your convenience I have attached a simple example. To test the control, you need just to upload it through Sitefinity interface.

    Do let us know if this helps.

    All the best,
    Pepi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Register for webinar
4 posts, 0 answered