Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents

Table of Contents

Installation

Installation is very simple and can be completed by yourself.  See Flex - Responsive Community Portal skin

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 QuestionsFlex - Documentation

Important: Minimum versions of 68.35 or 69.07 are required.

Versioning

The latest release is included in Flex - Responsive Community Portal skin

To locate the version you are currently using, open the flex.css file, the version information should be at the top of the file.

Support

What is the Synergetic level of support? Are there plans for future development? How will this work with SynWeb/SynMobile?

...

Due to the nature of the Microsoft base code, Internet Explorer and Edge browsers are not supported and will display the Portal as it was originally designed.

Releases

There is no intention to have regular updates to these files.

If any are required they will be updated on the page Flex - Responsive Community Portal skin with General Questions Flex - Documentation 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.

...

It is also recommended to confirm whether you have a custom CSS file in ..\Site\CSS as this will most likely clash.

Limitations

The following are the known limitations without making wholesale changes to the Community Portal code itself.

...

PageComment
ResultsFlexible, scrolling required due to size of data
TimetableFlexible, 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
FinanceFlexible, 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 CardsFlexible, scrolling required due to size of data
Make An Account PaymentFlexible, scrolling only required when selecting to pay by a stored card
Events

Flexible, scrolling required due to size of data

InterviewsFlexible, scrolling required due to size of data
DocsFlexible, scrolling required due to size of data
Parent ContactsFlexible, scrolling required due to size of data
ApplicationsFlexible, 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.35 or 69.07
  • Remove or test any additional site CSS changes you have made (..\Site\CSS)
  • 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
  • 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)

FAQ

QuestionAnswer

Why is there an initial display of the original Portal then the new Flex skin applied?

This is due to the Flex CSS being a skin on top of the original Community Portal.  It was implemented this way to provide clients with a responsive Portal in rapid time, without requiring a high degree of change to the original code.

Why is this placed in the ..\Site\Flex folder and not in ..\Site\CSS folder to avoid the initial load of the non-flexible?

Due to some browsers code base not supporting this (for example Internet Explorer/Edge) detection of the browser is required.  If it was placed in the Site\CSS folder it would apply to all browsers.

Can I make further changes to this?

Yes, see General QuestionsFlex - Documentation

I have the Pacific - A Community Portal CSS Theme applied?

It is highly recommended to remove this theme as there will be clashes between the two.

  • A simple way to remove this but retain the file for reference (if your own further custom changes were made) would be to append the file name, e.g. rename site.css to site.css.OldPacific

What testing was completed on this?

Each page was tested against Functionality and Usability

DeviceOperating System
ChromeWindows
FirefoxWindows
IEWindows
EdgeWindows
iPhoneiOS
iPadiOS
Samsung GalaxyAndroid
Samsung TabletAndroid
SafariMacOS


Is there an easy way to see how it would look on most devices?

Many browsers can emulate the look and feel of multiple devices.  Below is one way to do this using the Chrome browser

Please note: This is emulation and not exactly true to how the actual device will operate

  • Open the Chrome desktop browser 
  • Access your Community Portal URL
  • Press F12 to open the Developer Tools
  • You can change where this docked window appears by locating the three dots and selecting an appropriate 'Dock side'

    • Select the following Icon (Ctrl + Shift + M) to display the Device Toolbar

    • Using the drop down you can emulate many devices

Current Known Defects

  • Jira Legacy
    serverSynergetic Management Systems
    serverId3587bf9f-563b-3952-afa4-4457c6487443
    keyDSY-12758
  • Jira Legacy
    serverSynergetic Management Systems
    serverId3587bf9f-563b-3952-afa4-4457c6487443
    keyDSY-12737
  • Jira Legacy
    serverSynergetic Management Systems
    serverId3587bf9f-563b-3952-afa4-4457c6487443
    keyDSY-11780

...