Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-3935

Allow changing the InAppBrowser toolbar colors

XMLWordPrintable

    • Hide

      This issue needs to be tested both in iOS and Android.

      This issue should be tested by a developer since it requires creating builds with different configurations.

      1. In web as admin, add a custom menu item using InAppBrowser. There's one already created in our master site: "In App Browser custom item".
      2. In the app, login in that site and open the custom menu item. Check that the InAppBrowser's toolbar uses the default colors.
      3. Edit moodle.config.json file and add this:
        "iabToolbarColors": "auto"
      4. Install the app and open the custom menu item again. Check that the toolbar is now white and the text is black.
      5. Change the SCSS variable "--core-header-toolbar-background" to a dark color (e.g. a dark blue).
      6. Install the app. Check that the app's toolbar color has changed to the color you set.
      7. Open the custom menu item again. Check that the toolbar now uses the color you set and the text is white (if the color is dark enough).
      8. Edit moodle.config.json file and now use this:
        "iabToolbarColors": {     "background": "#ffc501",      "text": "#1c60c5" }
      9. Install the app and open the custom menu item again. Check that the toolbar is now yellow and the text is dark blue.
      Show
      This issue needs to be tested both in iOS and Android. This issue should be tested by a developer since it requires creating builds with different configurations. In web as admin, add a custom menu item using InAppBrowser. There's one already created in our master site: "In App Browser custom item". In the app, login in that site and open the custom menu item. Check that the InAppBrowser's toolbar uses the default colors. Edit moodle.config.json file and add this: "iabToolbarColors": "auto" Install the app and open the custom menu item again. Check that the toolbar is now white and the text is black. Change the SCSS variable "--core-header-toolbar-background" to a dark color (e.g. a dark blue). Install the app. Check that the app's toolbar color has changed to the color you set. Open the custom menu item again. Check that the toolbar now uses the color you set and the text is white (if the color is dark enough). Edit moodle.config.json file and now use this: "iabToolbarColors": {     "background": "#ffc501",      "text": "#1c60c5" } Install the app and open the custom menu item again. Check that the toolbar is now yellow and the text is dark blue.
    • MOODLE_39_STABLE
    • MOODLE_400_STABLE
    • Moodle App 4.0

      The InAppBrowser plugin allows changing the toolbar and buttons colors. We should add a new setting in config.json to allow changing them, either automatically (using the app's toolbar color) or using a certain value.

        1. android-1.jpg
          android-1.jpg
          93 kB
        2. android-2.jpg
          android-2.jpg
          94 kB
        3. android-3.jpg
          android-3.jpg
          51 kB
        4. android-4.jpg
          android-4.jpg
          96 kB
        5. android-5.jpg
          android-5.jpg
          97 kB
        6. ios-1.png
          ios-1.png
          283 kB
        7. ios-2.png
          ios-2.png
          259 kB
        8. ios-3.png
          ios-3.png
          207 kB
        9. ios-4.png
          ios-4.png
          91 kB
        10. ios-5.png
          ios-5.png
          260 kB

            dpalou Dani Palou
            dpalou Dani Palou
            Pau Ferrer Pau Ferrer
            Pau Ferrer Pau Ferrer
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.