CSS class added to document while editing
nav_first.pngFirst: thread:131
HTML Block
Edited: 11 Oct 2012 12:06 by: GoVegan
Comments: 0
nav_prev.pngPrevious: thread:124
Standard List Header and Footer
Edited: 08 Jan 2010 11:48 by: pieterh
Comments: 0
Last: thread:112
Image Module
Edited: 12 Nov 2009 12:22 by: pieterh
Comments: 0
Next: thread:207
Code block parsing
Edited: 30 Dec 2009 13:42 by: Gabrys
Comments: 0

GabrysGabrys wrote on 05 Jan 2010 16:41

The goal of this improvement is to enable theme designers and site administrators custom styling of page elements displayed when edit box is open. One of application may be to hide current page text while editing it.

The proposed solution is to automatically add "editing" CSS class to the div with ID container-wrap when user edits a page. The "editing" class should be removed when editing is canceled.

One can then use the following CSS code:

.editing #page-content {
    display: none;

To hide the original page text while editing it. Other effects (like dimming the screen and highlighting the edit box) may be used as well using this technique.

Start a new sub-thread

More general state indicators? By pieterh 1 Comments 06 Jan 2010 09:00

We discourage direct comments on this thread: to discuss it, please start a sub-thread.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License