B4A Library WebViewSettings

warwound · Apr 7, 2012

WebViewSettings updated to version 1.2

As requested i have added two new methods:

getDisplayZoomControls (webView1 As WebView)

Returns true if the on screen zoom buttons are displayed.
Only supported on Android API level 11 and later.

setDisplayZoomControls (webView1 As WebView, Enabled As Boolean)

Sets whether the on screen zoom buttons are displayed.
A combination of built in zoom controls enabled and on screen zoom controls disabled allows for pinch to zoom to work without the on screen controls.
Only supported on Android API level 11 and later.

B4X:

Sub Process_Globals
End Sub

Sub Globals
   Dim WebView1 As WebView
   Dim WebViewSettings1 As WebViewSettings
End Sub

Sub Activity_Create(FirstTime As Boolean)
   WebView1.Initialize("")
   Activity.AddView(WebView1, 0, 0, 100%x, 100%y)
   
   WebViewSettings1.setDisplayZoomControls(WebView1, False)
   
   WebView1.LoadUrl("http://www.b4x.com/forum/index.php")
   
End Sub

Sub Activity_Resume
End Sub

Sub Activity_Pause (UserClosed As Boolean)
End Sub

Unfortunately these two methods are only supported in Android API since level 11 (Android 3.0).
I have no device to test these new methods on so if anyone can confirm that they work it would be appreciated.

Version 1.2 of WebViewSettings is attached to post #1 in this thread.

Martin.

nad · Apr 7, 2012

I will check it now.

One thousand thanks Martin i really appreciate it

Thanks a lot. Time to hide those pesky buttons

Cheers!

nad · Apr 7, 2012

Hi again Martin,

Fot Froyo is not working. For ICS is working wonderfully.
Well that is an Android limitation, in some months more people will have it working as they upgrade. I guess there is nothing else we can do.

Thanks a lot!!

Cheers

warwound · May 15, 2012

WebViewSettings updated to version 1.30

This updated adds just a single new method:

setGeolocationEnabled (webView1 As WebView, Enabled As Boolean)

Sets whether Geolocation is enabled.

Version 1.30 of WebViewSettings is attached to the first post in this thread.

Martin.

NeoTechni · May 18, 2012

Does this add any permissions?

warwound · May 18, 2012

NeoTechni said:
Does this add any permissions?

No this library adds no permissions whatsoever to your B4A project.

If you want to allow a webpage to use geolocation features then you must use WebViewExtras and manually add a permission to your application.
But WebViewExtras and WebViewSettings do NOT add any permissions to your B4A project.

See this post of mine: http://www.b4x.com/forum/additional-libraries-official-updates/12453-webviewextras-2.html#post102448.

Martin.

qq280948982 · Jun 29, 2012

How to use it?

How to use it?

Erel · Jun 29, 2012

For some reason you appear as an unlicensed user in the forum. Please contact support@basic4ppc.com in order to fix it.

infotxt · Sep 27, 2012

WebView and PhoneSMS

Would like to ask if it's possible for an HTML / website loaded in a WebView to be able to access the PhoneSMS component to be able to send an SMS?

Any suggestion on how to do this would greatly be appreciated

warwound · Sep 27, 2012

Well i just tried to do this but the SMS didn't get sent.
I tried on a Gingerbread and an ICS device.

Here's the B4A code:

B4X:

'Activity module
Sub Process_Globals

End Sub

Sub Globals
   Dim PhoneSms1 As PhoneSms
   Dim WebViewExtras1 As WebViewExtras
   Dim WebView1 As WebView
End Sub

Sub Activity_Create(FirstTime As Boolean)
   Activity.LoadLayout("Main")
   
   WebViewExtras1.addJavascriptInterface(WebView1, "B4A")
   
   WebView1.LoadUrl("file:///android_asset/send_sms.html")
End Sub

Sub Activity_Resume

End Sub

Sub Activity_Pause (UserClosed As Boolean)

End Sub

Sub PhoneSms1_SmsDelivered (PhoneNumber As String, Intent As Intent)
   Log("PhoneSms1_SmsDelivered")
End Sub

Sub PhoneSms1_SmsSentStatus (Success As Boolean, ErrorMessage As String, PhoneNumber As String, Intent As Intent)
   Log("PhoneSms1_SmsSentStatus: "&Success)
   If Success=False Then
      Log(ErrorMessage)
   End If
End Sub

Sub WebView1_SendSMS(MobileNumber As String, SMSMessage As String)
   Log(MobileNumber)
   Log(SMSMessage)
   PhoneSms1.Send(MobileNumber, SMSMessage)
End Sub

And the webpage i created:

PHP:

<!DOCTYPE html>
<html>
   <head>
      <title></title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
      <style type="text/css">
         table {
            border-collapse: collapse;
         }
      </style>
      <script type="text/javascript">
         function sendSMS(form){
            var mobileNumber=form.mobileNumber.value;
            var smsMessage=form.smsMessage.value;
            
            //   ideally you'd now validate the mobileNumber and check that the smsMessage is not empty or too long
            
            B4A.CallSub('WebView1_SendSMS', true, mobileNumber, smsMessage);
            form.reset();   //   optional - clear the form when the SMS is sent
            return false;   //   return false prevents the form from submitting itself
         }
      </script>
   </head>
   <body>
      <div>
         <form action="" method="GET" onsubmit="return sendSMS(this)">
            <table style="width: 100%">
               <tr>
                  <th colspan="2">
                     SMS Sender
                  </th>
               </tr>
               <tr>
                  <td>
                     To:
                  </td>
               </tr>
               <tr>
                  <td colspan="2">
                     <input type="tel" name="mobileNumber" value="" style="width: 100%">
                  </td>
               </tr>
               <tr>
                  <td>
                     Message:
                  </td>
               </tr>
               <tr>
                  <td colspan="2">
                     <textarea name="smsMessage" style="width: 100%"></textarea>
                  </td>
               </tr>
               <tr>
                  <td align="center">
                     <input type="reset" value="Reset">
                  </td>
                  <td align="center">
                     <input type="submit" value="Send">
                  </td>
               </tr>
            </table>
         </form>
      </div>
   </body>
</html>

No SMS is sent!
Maybe you'd like to try to get it working?

Martin.

infotxt · Sep 28, 2012

I am getting this error:

Error description: Unknown type: webviewextras
Are you missing a library reference?

Help?

warwound · Sep 28, 2012

You need WebViewExtras.

Note that the demo i posted previously does not use WebViewSettings.

Martin.

airblaster · May 21, 2013

I'm trying to use WebViewSettings to set some settings, e.g.

B4X:

WebViewSettings1.setDefaultZoom(WebView1, "CLOSE")

.
But for some reason, there seems to be no change as compared to

B4X:

WebViewSettings1.setDefaultZoom(WebView1, "FAR")

Do I need to add something else for this to work? E.g. a WebChromeClient?

warwound · May 21, 2013

No there is no requirement for other libraries or the WebChromeClient.

I've noticed that setting the DefaultZoom can be unpredictable and have always found the reason to be the webpage that is being loaded.
Some webpages can be scaled by the WebView and if you set the DefaultZoom you'll see the setting take effect.
Other webpages cannot be scaled - the CSS and HTML is written in a way that seems to prevent the WebView from performing any scaling.

Can you try various different webpages and see if the setting works with some webpages but not others?

Martin.

airblaster · May 21, 2013

I tried heise.de, both mobile and desktop version. Same result, unfortunately. Same goes for Google.

Btw, I have problems with WebViewSettings1.setDisplayZoomControls as well - it works on heise.de, but not on the website I actually want to use.

Google's Documentation for setDefaultZoom says "This must be called from the UI thread". I suppose this is the case with WebViewSettings?

warwound · May 21, 2013

Take a look at the attached project, it uses the all new but so far unpublished version of WebViewExtras.
The new version is a complete re-write and offers far more options - but a lot of it is untested so i have not yet uploaded it to the forum.
Reference for this new version can be found here: WebViewExtras.

B4X:

Sub Process_Globals
   Dim LastUrl As String=""
   Dim LastZoom As String=""
End Sub

Sub Globals
   Dim UrlSpinner As Spinner
   Dim WebView1 As WebView
   Dim WebViewExtras1 As WebViewExtras
End Sub

Sub Activity_Create(FirstTime As Boolean)
   Activity.LoadLayout("Main")
   Activity.AddMenuItem3("CLOSE", "MenuItem", Null, True)
   Activity.AddMenuItem3("FAR", "MenuItem", Null, True)
   Activity.AddMenuItem3("MEDIUM", "MenuItem", Null, True)
   
   '   after initializing the WebViewExtras object it can be used instead of the WebView
   '   WebViewExtras contains all methods of WebView plus many more
   
   WebViewExtras1.Initialize(WebView1)
   
   If LastUrl<>"" Then
      WebViewExtras1.LoadUrl(LastUrl)
   End If
   
   If LastZoom<>"" Then
      WebViewExtras1.GetSettings.SetDefaultZoom(LastZoom)
   End If
   
   UrlSpinner.AddAll(Array As String("http://www.heise.de/", "http://www.google.com/", "http://www.kingslynn-forums.co.uk/index.php"))
   
End Sub

Sub Activity_Resume

End Sub

Sub Activity_Pause (UserClosed As Boolean)

End Sub

Sub MenuItem_Click
   LastZoom=Sender   '   Sender will be the Text of the clicked MenuItem
   Select LastZoom
      Case "CLOSE"
         WebViewExtras1.GetSettings.SetDefaultZoom("CLOSE")
      Case "FAR"
         WebViewExtras1.GetSettings.SetDefaultZoom("FAR")
      Case "MEDIUM"
         WebViewExtras1.GetSettings.SetDefaultZoom("MEDIUM")
   End Select
End Sub

Sub UrlSpinner_ItemClick (Position As Int, Value As Object)
   LastUrl=Value
   WebViewExtras1.LoadUrl(LastUrl)
End Sub

The Activity starts - no url is loaded.
Use the Spinner to select a url and then try the different DefaultZoom settings - i see various changes in the appearance when the DefaultZoom is changed.
(I'm testing this on a Galaxy Tab2 running Jelly Bean).

The effect should be the same using the old versions of WebViewExtras and WebViewSettings.
All code in an Activity module runs in the UI thread so you haven't got a problem there.

The project and new version of WebViewExtras are attached - can you try them on your device and on the webpage you are trying to view and post with your results?

Martin.

airblaster · May 22, 2013

For some reason, your demo app works just fine.
I tried many different things now to get it working, but it just doesn't seem to work in my app.
Btw, I really like the new WebViewExtras, great work!

airblaster · May 22, 2013

Finally figured it out...
The 3rd Party HTML that is received through an API sets

HTML:

<meta name="viewport" content="target-densitydpi=device-dpi, width = 320, user-scalable = 0"/>

The part

B4X:

target-densitydpi=device-dpi

is what causes all the problems.
Is there any way to modify the HTML that is loaded after clicking a link in a WebView? E.g. an Event that receives the original HTML and returns the modified HTML?

warwound · May 22, 2013

You can wait for the WebView PageFinished(Url As String) event to be raised and inject some javascript into the page that will get the loaded HTML and send it to a b4a Sub:
http://www.b4x.com/forum/basic4andr...9408-read-content-html-string.html#post111864

But a better solution seems to be to again wait for the PageFinished event to be raised and then inject some javascript that will modify the viewport meta tag (on the fly).
Take a look at this search:
https://www.google.co.uk/search?q=javascript+modify+meta+tag&ie=UTF-8&oe=UTF-8

I'd try to inject some javascript that does this:

B4X:

var metaTags=document.getElementsByTagName('meta');
for(var i=0; i<metaTags.length; i++){
  if(metaTags[i].name=='viewport'){
    metaTags[i].content='????';  // here insert the new content value
  }
}

That's untested by the way.
You might want instead to remove the viewport meta tag instead of modifying it:

B4X:

var metaTags=document.getElementsByTagName('meta');
for(var i=0; i<metaTags.length; i++){
  if(metaTags[i].name=='viewport'){
    metaTags[i].parentNode.removeChild(metaTags[i]);
  }
}

Martin.

airblaster · May 22, 2013

Hi warwound,

thanks for your input, it helps a lot!

B4A Library WebViewSettings

Attachments

Expert

Active Member

Active Member

Expert

Well-Known Member

Expert

New Member

B4X founder

New Member

Expert

Attachments

New Member

Expert

Active Member

Expert

Active Member

Expert

Attachments

Active Member

Active Member

Expert

Active Member