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

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

VotersWatch issueWatchersLinkUpdate Comment AuthorReplace String in CommentUpdate Comment VisibilityDelete Comments
    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. Android - 1.png
          38 kB
          Steinar Ágúst Steinarsson
        2. Android - 2.png
          62 kB
          Steinar Ágúst Steinarsson
        3. Android - 3.png
          59 kB
          Steinar Ágúst Steinarsson
        4. Android - 4.png
          40 kB
          Steinar Ágúst Steinarsson
        5. Android - 5.png
          41 kB
          Steinar Ágúst Steinarsson
        6. iOS - 1.PNG
          162 kB
          Steinar Ágúst Steinarsson

        Activity

          This comment will be Viewable by All Users Viewable by All Users
          Cancel

          People

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

            Dates

              Created:
              Updated:
              Resolved:

              Slack

                Issue deployment