- Stuff to document (high level notes)
- For Internal/External/3rd Parties
- Installation Pages (Internal/External/3rd Party)
- Integration with 3rd parties
- Release Management
- Location of documentation (Internal/External/3rd Party)
- Notification to clients
- Failures/blocks in test cases that do not affect Flex
- Custom pages (how to apply Flex)
- What about clients who have themes already (Pacific/Custom)
- Using ../CSS/Site folder?
- What may be happening for the future?Required minimum versions
- 68.35/69.07
| Table of Contents |
|---|
Installation
...
It is recommended that installation on a test server be completed first so that you can become accustomed to the look and feel as well as test against numerous devices to understand its General Questions
Important: Minimum versions of 68.36 or 69.08 are required.
Versioning
The latest release is included in Flex - Responsive Community Portal skin
...
If any are required they will be updated on the the page Flex - Responsive Community Portal skin with General Questions reflecting this.
It is recommended to watch this page as the Wiki will notify you of any updates.
Customisation
If you wish to make further changes to this you may do so to the file 'flex-custom.css' contained in the ..\Flex folder.
...
| Page | Comment |
|---|---|
| Results | Flexible, scrolling required due to size of data |
| Timetable | Flexible, scrolling required due to size of data |
Absences | Flexible, scrolling required due to size of data |
| Attendances | Flexible, scrolling required due to size of data Recommend landscape mode if using a phone |
Attendances Ext | Some tables are not flexible and data could be cut off |
| Finance | Flexible, scrolling required due to size of data |
Payment Plans - Partially | Flexible, scrolling required due to size of data Some information, e.g. Voluntary Contributions could be missed due to having to scroll |
| Manage Stored Cards | Flexible, scrolling required due to size of data |
| Make An Account Payment | Flexible, scrolling only required when selecting to pay by a stored card |
| Events | Flexible, scrolling required due to size of data |
| Interviews | Flexible, scrolling required due to size of data |
| Docs | Flexible, scrolling required due to size of data |
| Parent Contacts | Flexible, scrolling required due to size of data |
| Applications | Flexible, scrolling required due to size of data |
| Action Centre | Flexible, scrolling required due to size of data Recommend landscape mode if using a phone |
Recommendations
- Upgrade to a minimum version of 68.36 or 69.08
- Use Chrome, Firefox or Safari web browsers
- Student Results page
- If displaying Markbook, check configuration key (CommunityPortal | Students | Results | Markbook | DisplayMode)
- Best look is DisplayMode: 2
- It is NOT recommended to have the following keys as TRUE due to display on phone/tables
- CommunityPortal | Students | Results | Markbook | ShowMarkOutOfFlag
- CommunityPortal | Students | Results | Markbook | ShowResultTypeFlag
- CommunityPortal | Students | Results | Markbook | ShowWeightingFlag
- If displaying Markbook, check configuration key (CommunityPortal | Students | Results | Markbook | DisplayMode)
- Events page
If pagination active, when attempting to select a button (right side of grid) in most cases the screen will select the next page
- Recommendation to increase size of paging (CommunityPortal|Events|Paging|Size)
...
Q: Can I make further changes to this?
A: Yes, see General Questions
Q: I have the Pacific - A Community Portal CSS Theme applied?
A: It is highly recommended to remove this theme as there can be clashes between the two. Depending on order of rendering parts of both would be used (e.g. font size).
- A simple way to remove this but retain the file for reference (if custom changes were made) would be to append the file name, e.g. rename site.css to site.css.OldPacific
Q: What testing was completed on this?
A: Each page was tested against Functionality and Usability
...
Q: Is there an easy way to see how it would look on most devices?
A: Many browsers can emulate the look and feel of multiple devices. Below is one way to do this using the Chrome browser
...