Versions Compared

Version Old Version 23 New Version 24
Changes made by

Andrew Paydon

Andrew Paydon

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
  • Stuff to document (high level notes)
    • For Internal/External/3rd Parties
    • FAQ Page
    • Installation Pages (Internal/External/3rd Party)
    • Integration with 3rd parties
    • How to make your own further customisations
    • Flex will not support the new custom page
    • 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?Supported devices/tested onBrowsers (e.g. Samsung browser based on IE)
    • Required minimum versions
      • 68.35/69.07

...

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

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

...

Due to the nature of the Microsoft codebasebase 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 Flex - Responsive Community Portal skin with General Questions reflecting this. 

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.

While you can modify any of the files contained, if there are any updated files from Synergetic you would be required to do a file compare to determine what changes were made and merge these with your own.

Limitations

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

  • Flex is not supported for Internet Explorer and Edge browsers.  It is recommended users use Chrome, Firefox or Safari.
  • Admin mode > Configurations (for Administrator logins)
    • Recommended to use tablet or desktop browser
    • If using a mobile phone, use landscape modeRecommended to use tablet or desktop browser
  • My Details page
    • Custom HTML, both top and bottom appear at bottom of page
      • Keys
        • CommunityPortal|CustomHTML|MyDetails|Top
        • CommunityPortal|CustomHTML|MyDetails|Bottom
  • Custom page(s)
    • Any custom pages will not inherit the Flex look and feel
    • If you have any custom pages these will need to be updated manually
  • Grid/Table implementation
    • The following grids/tables may not be responsive and may require the user to scroll the screen to see all detail
      • In most cases it is due to the size of the screen, e.g. when using a mobile phone

...

  • 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) Jira LegacyserverSynergetic Management SystemsserverId3587bf9f-563b-3952-afa4-4457c6487443keyDSY-12737

FAQ

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

...

A: 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.

Q: Can I make further changes to this

A: Yes

Q: What testing was completed on this

...

  • 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

...