Uploaded image for project: 'Apache Cordova'
  1. Apache Cordova
  2. CB-13409

Allow more additional options, for customizing toolbar in cordova/inappbrowser

    XMLWordPrintableJSON

Details

    Description

      I added a couple of customizations to inappbrowser's toolbar:

      Android:

      • Have a custom text for a close button instead of the Default X:
        closebuttoncaption: "set to a string to use as the close buttons caption instead of a X. Note that you need to localize this value yourself."
      • Change the close button color:
        closebuttoncolor: "set to a valid hex color string, for example: `#00ff00`, and it will change the close button color from default, regardless of being a text or default X. Only has effect if user has location set to `yes`."
      • Hide the navigation buttons that go backwards and forwards:
        hidenavigationbuttons: "set to `yes` to hide the navigation buttons on the location toolbar, only has effect if user has location set to `yes`. The default value is `no`."
      • Change navigation buttons color:
        navigationbuttoncolor: "set to a valid hex color string, for example: `#00ff00`, and it will change the color of both navigation buttons from default. Only has effect if user has location set to `yes` and not hidenavigationbuttons set to `yes`."
      • Change color of toolbar:
        toolbarcolor: "set to a valid hex color string, for example: `#00ff00`, and it will change the color the toolbar from default. Only has effect if user has location set to `yes`."

      iOS:

      • closebuttoncolor (same as above)
      • hidenavigationbuttons (same as above)
      • toolbarcolor (same as above)
      • Make toolbar non-translucent:
        toolbartranslucent: "set to `yes` or `no` to make the toolbar translucent(semi-transparent) (defaults to `yes`). Only applicable if toolbar is not disabled."

      See screenshots in attachments.

      Attachments

        1. iOS - 1.PNG
          162 kB
          Steinar Ágúst Steinarsson
        2. Android - 2.png
          62 kB
          Steinar Ágúst Steinarsson
        3. Android - 1.png
          38 kB
          Steinar Ágúst Steinarsson
        4. Android - 3.png
          59 kB
          Steinar Ágúst Steinarsson
        5. Android - 4.png
          40 kB
          Steinar Ágúst Steinarsson
        6. Android - 5.png
          41 kB
          Steinar Ágúst Steinarsson

        Issue Links

          Activity

            People

              Unassigned Unassigned
              steinaragust Steinar Ágúst Steinarsson
              Votes:
              1 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: