Versions Compared

Version Old Version 20 New Version 21
Changes made by

Andrew Paydon

Andrew Paydon

Saved on

Key

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

...

  • 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 Legacy
        serverSynergetic Management Systems
        serverId3587bf9f-563b-3952-afa4-4457c6487443
        keyDSY-12737

FAQ

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

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

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

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

  • Please note: This is emulation and not 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'
    • Image Added
    • Select the following Icon (Ctrl + Shift + M) to display the Device Toolbar
    • Image Added
    • Using the drop down you can emulate many devices
    • Image Added