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.


  • 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:


or even:

    • Set PREVIEWBGSTYLE = url(/p/pub/TWiki06x00/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

Please use the Support forum if you have questions about TWiki features. This comment section is about the documentation of this topic.
Topic attachments
I Attachment History Action Size Date Who Comment
GIFgif blankltgraybg.gif   manage 0.9 K 2000-10-03 - 00:36 PeterThoeny Blank light gray background
GIFgif blankwhitebg.gif   manage 0.9 K 2000-10-03 - 00:36 PeterThoeny Blank white background
GIFgif preview2bg.gif r1 manage 1.8 K 2002-08-25 - 07:03 PeterThoeny Slanted PREVIEW, 3D
GIFgif previewbg.gif   manage 1.8 K 2000-10-03 - 00:36 PeterThoeny Slanted PREVIEW watermark
Edit | Attach | Watch | Print version | History: r10 < r9 < r8 < r7 < r6 | Backlinks | Raw View | Raw edit | More topic actions
Topic revision: r10 - 2006-04-11 - PeterThoeny
  • Learn about TWiki  
  • Download TWiki
This site is powered by the TWiki collaboration platform Powered by Perl Hosted by OICcam.com Ideas, requests, problems regarding TWiki? Send feedback. Ask community in the support forum.
Copyright © 1999-2018 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.