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