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

Allow changing the InAppBrowser toolbar colors

    XMLWordPrintable

Details

    • Improvement
    • Status: Waiting for testing
    • Minor
    • Resolution: Unresolved
    • 3.9.5
    • None
    • UI (User Interface)
    • 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 App 4.0

    Description

      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.

      Attachments

        Activity

          People

            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

            Dates

              Created:
              Updated: