Snapper tips

Select one of the tips below to learn how to get the most from Snapper CMS. Snapper CMS Tips | Boxharry Web Apps & Web Development

Unable to manage PDFs in Chrome
Saving changes while you work
Finding your web page's URL
Uploading images
Uploading assets
Duplicating content
Editing widgets
CMS searches
Page content of widget-driven pages
Finding the name of your widget
Copying and pasting text
Using the "Paste from Word" tool
Removing <div> tags from pasted text (advanced)
Turning off pages
System fail-safe
Theme widgets
Replacing PDFs
Image Dimensions—How to find them

 

Item

Tip

Hotkey / Tab

Unable to manage PDFs in Chrome

If your default browser is Chrome, you may experience problems managing your PDFs. This is an issue with Chrome’s PDF viewer, not with the Snapper CMS. The issue consists of having none of the activity tabs displayed (i.e. “Save”, “Move page”, “Delete file”, “Close”, “Preview”, “Properties” and “Web details”). Typically, you will only see the top-level tabs (i.e. “New page”, “Upload file”, “New folder”, “Edit folder” and “Delete folder”) and a preview of the PDF.

To fix this issue, you must disable Chrome’s PDF viewer. You can view the procedure on Online Tech Tips, but the following procedure includes what you will see and do in Snapper:

  1. Open Chrome and paste chrome://plugins/ into the address bar.
  2. Locate “Chrome PDF Viewer” in the list and click the “Disable” link.
  3. Go to Snapper and click into a PDF in your site.
  4. You should see a puzzle piece on a grey background in the “Preview” area and a yellow runtime message at the top which reads “Adobe Reader needs your permission to run.” Click “Always run on this site” to ensure the runtime message will not appear upon subsequent attempts to manage your PDFs.
  5. A preview of the PDF will appear in the “Preview” area and all activity tabs will be visible.

Web project

 

 

 

 

 

 

 

 

 

top

Saving changes while you work

When working in any tab, you can save your changes by clicking on the name of the tab in which you're working (e.g. "Content"). This will keep your tab open, enabling you to continue your work. When you're completely finished, click on another tab (usually "Preview" to check your work) or click "Save". The latter will both save your work and close the tab.

Any system tab
              

top

Finding your web page's URL
 

When you're creating a new page and want to know the URL:

  1. Select the "Preview" tab for the page.
  2. Right-click and select "Properties" from the menu that appears.
  3. A pop-up box will appear showing the page URL under "Address: (URL)".
  4. Copy and paste this into your internet browser to view the page on screen.

Web project
 

 

 

top

Uploading images
 

Always resize and crop your images before you upload them to the CMS.

Image specifications:

  • 72 dpi
  • RGB
  • png, gif or jpg* file formats

Filenames should not include spaces or special characters (i.e. ampersands (&) or percent signs (%), etc.), but underscores (_) are OK.

*JPEG files are "lossy", meaning over time, the more they are opened (displayed on your website) the more the image quality will degrade.

Web project
         

 

 

 

top    

Uploading assets
 

Don't forget to check the "Auto thumbnail generator" when uploading assets. This will save you loads of time as the asset manager will do the work for you! 

Repositories
top

Duplicating content
 

We strongly recommend that you don't duplicate content on the site. Doing so would mean twice the work when updating. There's also a high chance the text will get updated in one location, but not the other, resulting in discrepancies in the text on your website.

If you need content to display in two or more locations, place the text in an "Information panel" widget and upload this to all relevant pages. This means you only have to edit the text once and it will update in all the locations in which it appears.

Web project
 

 

top

Editing widgets
 

To edit a widget that appears in your left- or right-hand column, select the "Columns" tab and double-click on the widget you want to edit. This will take you directly to the widget in the "Widgets" hotkey.

Web project / Columns
top 

CMS searches
 

The CMS automatically remembers the last search you made. To view all records, clear the search pane, set any drop downs to 'All' and hit submit.

Any system tab
top 

Page content of widget-driven pages
 

When you see the orange cog symbol Superwidget icon for Snapper CMS in your page content, this means the content is wrapped up in a widget. You'll need to edit the widget in the "Widgets" hotkey.

Web project
top 

Finding the name of your widget
 

If you see only the orange cog symbol Superwidget icon for Snapper CMS in your page content, this means the content of that page is wrapped up in a widget. To find out the name of the widget, click with your mouse to select it and click on the "Widget" icon Widget icon for Snapper CMS toolbar in your tool bar. The name of the widget will display in the resulting pop-up window.

Web project

top 

Copying and pasting text

When copying and pasting text from any outside source (other than text already in the CMS) make sure you clean it up by pasting it as plain text. To do this, simply press Ctrl + Shift + V on your keyboard (Command-Shift-Option-V on a Mac).

Web project

 

top 

Using the "Paste from Word" tool

If you choose to paste your text using the "Paste from Word" tool Paste from Word icon in the Snapper CMS, paste your text into the box and ensure that you use the following settings:

  • Ignore Font Face  - DO NOT check this box
  • Remove style definitions – DO check this box

Web project

 

top 

Removing <div> tags from pasted text (advanced)

Depending on the browser you're using, the text you paste will sometimes be enclosed in <div> tags which can disturb page formatting and layout. If this occurs, simply highlight all the text and select "Normal" from the "Format" drop-down in the toolbar . This will replace the <div> tags with <p> tags.

Web project

 

top 

Turning off pages
 

You may want to remove pages from the website whilst you work on them or take them down seasonally. To turn a page off:

  1. Select the "Properties" tab.
  2. Set the "Status" to "Off".
  3. Clear the contents from the following fields:
    • Page title
    • Directory title
    • Index title
    • Crumbtrail name
    • Browser title
    • Sitemap name
Step 3 ensures the page will not show in any menu. Users will also not be able to navigate to the page using the "Search" function.

Web project / Properties tab

 

 

 

 

 

top 

System fail-safe
 

The system is designed so that once content has been added to a page, the page cannot be saved blank. I.e., if you delete all the content from a page and try to save it, this operation will fail and all the content will remain. If you want to save the page as blank, add a carriage return (hit "Enter") in the content area and your changes will then be saved.

Web project

 

top 

Theme widgets
 

If you have a widget you wish to display on every page within a section or across the whole site, add it to your theme widgets, available in the themes tab.

Themes

top 

Replacing PDFs
 

When replacing PDFs in the CMS, save time by using the same file name. This way all the links across the website will automatically pick up the new file. Name the new file exactly the same file name as the file currently displayed on the website. Rename the existing PDF in the "Properties" tab (e.g." __OLDfilename"), as the system will not let you upload two files with the same name. Upload your new file to the same folder in the system. Once you've checked it's working correctly on the front end, delete the old file.

Web project

 

 

top 

Image Dimensions—How to find them

You already have images uploaded to your site, but you need to replace them or add new ones which are the same dimensions. There are two ways you can find out these dimensions:

  • Via the website
  • Via the CMS

Via the website

  1. Find the page where the image is located.
  2. Right-click on the image.
  3. In IE, select "Properties"; in Firefox, select "View image info"; in Chrome, select "Inspect element"; in Safari, select "Open image in new tab" then hover your mouse over this tab; in Opera, select "Image properties".

Via the CMS

  1. Navigate to the image in the image folder in which it is located.
  2. Click the image in the Explorer list or window to view it.
  3. Right-click the image and select the appropriate drop-down item based on the browser you're using (as in the "Via the website" method).

Web project / Right-click

 

 

 

 

 

 

 

 

 

top 

 


Site maintained by the Snapper Content Management System