TWiki> TWiki Web>PreviewBackground (11 Apr 2006, PeterThoeny)EditAttach
Tags:
create new tag
, view all tags
ALERT! NOTE: This is a DistributionDocument. Please help maintain high quality documentation: This is a wiki, please fix the documentation if you find errors or incomplete content. Put questions and suggestions concerning the documentation of this topic in the comments section below. Use the Support web for problems you are having using TWiki.

Background Image for Preview

Preview looks like the real page, but the links lead to an oops dialog warning users of not-yet-saved topics. In addition, a background with a "PREVIEW" watermark is shown to have visual clue that you are previewing a topic. You can change the background image by specifying the name of an attached background image file in the PREVIEWBGIMAGE variable in the TWikiPreferences.

Remarks:

  • You also could attach a new image file to this topic.
  • You can override the PREVIEWBGIMAGE preference variable in your personal home page.

Related Topics: UserDocumentationCategory, AdminDocumentationCategory


Comments & Questions about this Distribution Document Topic

I wanted to change the background color of the preview, to give me more feedback about the current stage of editing. So I changed the image to the "blankltgraybg.gif" preview background, but that resulted in some slow rendering speed with my preferred browser Mozilla.

While I was reading about the EDITSTYLE preference, I thought, why not apply the same idea to a PREVIEWBGSTYLE preference and changed the preview.tmpl to read 

<body style="%PREVIEWBGSTYLE%">

Now you can change the backgournd color e.g. via

    • Set PREVIEWBGSTYLE = background-color: #FFFFCE

with the default beeing

    • Set PREVIEWBGSTYLE = background-color: #FFFFFF

To include the image, to provide an upgrade path and perhaps a little smarter solution would be to include the "background:" style directly into the template: 

<body style="background:url(%PREVIEWBGIMAGE%) %PREVIEWBGSTYLE;"

Now, one could write simply:

    • Set PREVIEWBGSTYLE = #FFFFFF

or even:

    • Set PREVIEWBGSTYLE = url(/p/pub/TWiki04x02/PreviewBackground/previewbg.gif) center no-repeat fixed #FFFFCE

to make the preview image sticky in the center of the frame and hover the text over the image smile (at least on Mozilla 1.0)

-- DirkLuetjens - 12 Aug 2002

 
Attachments Attachments
Topic attachments
I Attachment Action Size Date Who Comment
gifgif blankltgraybg.gif manage 0.9 K 03 Oct 2000 - 00:36 PeterThoeny Blank light gray background
gifgif blankwhitebg.gif manage 0.9 K 03 Oct 2000 - 00:36 PeterThoeny Blank white background
gifgif preview2bg.gif manage 1.8 K 25 Aug 2002 - 07:03 PeterThoeny Slanted PREVIEW, 3D
gifgif previewbg.gif manage 1.8 K 03 Oct 2000 - 00:36 PeterThoeny Slanted PREVIEW watermark
Edit | Attach | Print version | History: r10 < r9 < r8 < r7 < r6 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r10 - 11 Apr 2006 - 05:32:21 - PeterThoeny
 
This site is powered by the TWiki collaboration platformCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback