Home » Categories » Summer Reader » Manuals » Version 9 (2011)

Summer Reader Page Editor

Summer Reader Page Editor


Main Page Editor Review

The Page Editor was designed to make modifications to the patron views ease. The Page Editor is broken out into the following Patron Pages allowing the library to modify the properties without view a full page of CSS code.


This section is not supported by Evanced Support and is for experienced web coders only.


Page Editor Main Page Explanation:

Page Editor Section Page Editor Section Visual(select picture to enlarge) Explanation of Section Fields
Selecting Page Editor
As an Administrator the library will have access to the the Page Editor from the System Maintenance page.
Selecting A Define Program
The Library will select from a list of defined programs to modify the style sheet within the Page Editor.
Select Page
The Select Page will allow the Library to select the Patron Page to make modifications to the Style Sheet.
  • Select Page: This will allow the library to select a specific Patron Page to modify the properties.
  • Home Page
  • Registration Page
  • Logging Page
  • Patron Reviews Page
  • View Reviews Page
  • Signup Confirmation Page
  • Email Login Entry Page
  • Program Selection Page
  • Add Comment Page
  • RSS Selection Page
  • Reading List Page
  • Landing Page
  • Submit Review Page
  • Change Password Page
  • Load Button: This will load the selected page for the library to view as they modify the properties on the patron page.
  • Refresh Button: This field will reload the screen with modifications made in the properties section.
  • Save Button: This field will save all modifications made within the properties section on the selected Patron page.
CSS Selection
CSS Class list the program field names to make modifications to the properties.
  • Header This filed is defining the subsection of fields. This will reflect differently in each page.
  • Fields Once the Library opens the section desired for change. They will then select the field to make the proper property changes in the properties area.
Properties
Properties will enable the Library to make modifications to specific fields within the Style Sheet. Properties are different based on the selected field in the CSS Classification area.

Tips for Modify Properties:

  • Some of the Properties are tied to a higher level of programming, but making changes will only change this specific page. Example - Most buttons are defined with the same style. Each time the programmer calls a button he will will call the level that defines all the properties. If you the library modify the button on one page it will not change it on another.
  • All properties will need to be modified with CSS code. Example to change a color you will need to use a code like #F0102
Style Sheet View
Style Sheet View was designed to represent the Patron selected page to make modifications and to view the modifications instantly as the library makes changes to the CSS Class fields properties


Understanding Making Changes to Properties

Home Page

CSS Classes Css Class Description Location (Select picture to enlarge)
Certificate
  • Certificate

Events (Part 1)
  • date-field
  • date-label
  • description-field
  • description-label
  • Events

Events (Part 2)
  • events-image
  • events-list
  • events-title
  • library-field
  • library-label
<
Events (Part 3)
  • link
  • link-hover
  • link-visited
  • location-field
  • location-label

Events (Part 4)
  • spacer
  • time-field
  • time-label
  • title-field
  • title-label

Facebook
  • facebook-container
  • facebook-container-message

Footer
  • footer-image
  • footer-text

Links
  • link
  • link-hover
  • link-visited
  • links
  • links-image
  • links-titls

Login (Part 1)
  • btnaddmember
  • btnback
  • btnchangepassword
  • btnforgotinfo
  • btnhome

Login (Part 2)
  • btnlogin
  • btnlogout
  • btnmyinfo
  • btnmyloginfo
  • btnmyreadinglist

Login (Part 3)
  • btnmyreviews
  • btnprintcert
  • btnrecall
  • btnsavepassword
  • btnsignmeup

Login (Part 4)
  • button
  • button-changepassword
  • button-row1
  • button-row2
  • button-row3

Login (Part 5)
  • family-hr
  • libcardno-field
  • libcardno-input
  • libcardno-label
  • login

Login (Part 6)
  • login-fields
  • login-fields-text
  • login-image1
  • login-image2
  • login-text

Login (Part 7)
  • login-title
  • password-input
  • password-label
  • patrongoal
  • patrongoal-border

Login (Part 8)
  • patrongoal-color
  • patrongoal-column1
  • patrongoal-column2
  • patrongoal-text
  • patronstats

Login (Part 9)
  • programgoal
  • programgoal-border
  • programgoal-color
  • programgoal-column1
  • programgoal-column2

Login (Part 10)
  • programgoal-text
  • username-field
  • username-input
  • username-label

Main
  • body
  • column1
  • column1-image
  • column2
  • error-message
  • language-selection
  • main

Messages
  • messages
  • messages-list
  • messages-title

Pink
  • link
  • link-hover
  • link-visited
  • prize

Reviews (Part 1)'
  • author-label
  • author-text
  • bookjackimage
  • btnsubmitreview
  • btnviewreviews

Reviews (Part 2)
  • button
  • button-review
  • cateloglink
  • content
  • custom1-label

Review (Part 3)
  • custom1-text
  • custom2-label
  • custom2-text
  • custom3-label
  • custom3-text

Review (Part 4)
  • custom4-label
  • custom4-text
  • custom5-label
  • custom5-text
  • custom6-label

Review (Part 5)
  • custom6-text
  • date-label
  • date-text
  • genre-label
  • genre-text

Review (Part 6)
  • isbn-label
  • isbn-text
  • nov
  • nov-author-link
  • nov-author-why

Review (Part 7)
  • nov-book-author
  • nov-book-why
  • nov-content
  • nov-img
  • nov-img-link

Review (Part 8)
  • nov-info
  • nov-tab-notselected
  • nov-tab-selected
  • nov-tabs
  • nov-title-link

Review (Part 9)
  • nov-x
  • rating-label
  • rating-text
  • review-label
  • review-text

Review (Part 10)
  • reviews
  • reviews-title
  • spacer
  • title-label
  • title-text

Sponsor
  • sponsor-image
  • sponsor-text

Tabs
  • highlight
  • mouseover
  • notselected
  • rounded
  • row
  • selected
  • spacer

Title
  • page-subtitle
  • page-title

Registration Page

Logging Page

Patron Reviews Page

View Review page

Sign-up Confirmation Page

Email Login Information Page

Program Selection Page

Add Comment Page

RSS Selection Page

Reading List Page

Landing Page

Submit Review Page

Change Password Page

CSS Classes Css Class Description Location (Select picture to enlarge)
Buttons
  • btncancel
  • btnchangepassword
  • button

Content
  • Info
  • Input
  • Instructions
  • Lable

Main
Body Future site of pic
Main
Title
Page-Title
Page-Title-HR
0 (0)
Article Rating (No Votes)
Rate this article
  • Icon PDFExport to PDF
  • Icon MS-WordExport to MS Word
Attachments Attachments
There are no attachments for this article.
Comments Comments
There are no comments for this article. Be the first to post a comment.
Related Articles
Understanding the Summer Reader Staff Home Page
Viewed 2128 times since Fri, Oct 14, 2011
Summer Reader - System Settings
Viewed 1855 times since Wed, Sep 28, 2011
How to Load a Style Template to a Program in Summer Reader Version 9
Viewed 7180 times since Wed, Sep 28, 2011
How To Setup Widgets for Summer Reader
Viewed 6014 times since Wed, Sep 28, 2011
How To Summer Reader-Registration Defaults
Viewed 1953 times since Wed, Sep 28, 2011
How to Edit Patron Information
Viewed 1814 times since Wed, Oct 19, 2011
Understanding System Settings
Viewed 2197 times since Wed, Oct 19, 2011
Understanding Reviews and Comments
Viewed 2821 times since Mon, Oct 17, 2011
Summer Reader 2013 Evanced Style Templates and Certificates
Viewed 27780 times since Fri, Feb 8, 2013
How to Install Google Analytics and Other Scripts
Viewed 1552 times since Wed, Oct 19, 2011