Showing WebView as AlertDialog content

Question

I'm trying to create a AlertDialog that has rich content. When I use the Html.fromHtml() to set the message text like:

AlertDialog.Builder adb = new AlertDialog.Builder(this);
adb.setTitle("title");
adb.setMessage(Html.fromHtml(text));

it only allows me basic HTML elements like <b>(Bold) and <i>(Italic).

When I use a WebView like

WebView webView = new WebView(this);
myWebView.loadData(webContent, "text/html", "utf-8");
AlertDialog.Builder adb = new AlertDialog.Builder(this);
adb.setView(webView);

I lose the default Android style.

What can I do to get Rich context, like <ul> inside an AlertDialog?.

I use `Theme.Holo` (which's black), but when I use a WebView, it doesn't use the style. — Wiebe Elsinga, Feb 21 '13 at 10:41

MuraliGanesan · Answer 1 · 2013-02-21T10:52:29.593

1

Try this, Use custom Adapter

final Dialog custon_dialog = new Dialog(Login.this);
custon_dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
custon_dialog.setContentView(R.layout.webview);
custon_dialog.setCancelable(true);
// custon_dialog.setTitle(null);

WebView mwebview = (WebView) custon_dialog.findViewById(R.id.webview);
    mwebview.setBackgroundColor(0x00000000);
    mwebview.loadData(webContent, "text/html", "utf-8");
custon_dialog.show();
        }
    });

edited Feb 21 '13 at 10:52

answered Feb 21 '13 at 10:33

MuraliGanesan

3,233
2
16
22

Has the same problem, I lose the style setting – Wiebe Elsinga Feb 21 '13 at 10:44
mWebView.setBackgroundColor(0x00000000); check this link http://stackoverflow.com/questions/5003156/android-webview-style-background-colortransparent-ignored-on-android-2-2 – MuraliGanesan Feb 21 '13 at 10:50
This is only about the background, Theme.Holo has more settings I want to have inside the WebView. – Wiebe Elsinga Feb 21 '13 at 10:54

score 1 · Accepted Answer · answered Feb 21 '13 at 12:42

1

You can add the webview inside an activity , and set the activity theme as dialog in menifest file :

<activity .....
          android:theme="@android:style/Theme.Dialog"/>

answered Feb 21 '13 at 12:42

Anand

2,875
1
18
16

score 0 · Answer 3 · answered Feb 21 '13 at 10:47

Html.fromHtml(text) uses tagsoup

does support simple tags for your reference html.fromhtml

Inspite of using

String text="some html code";

create an html file with your css etc. and place all the files in the assets folder of your application.

Now , in place of this

adb.setMessage(Html.fromHtml(text));

as you want Rich content displayed in the alerdialog.

This should help you , Remember: you can also inflate the Dialog with a custom layout of your own

AlertDialog.Builder alert = new AlertDialog.Builder(yourclass.this);

   alert.setTitle("title");
   WebView wv = new WebView(yourclass.this);

   wv.loadUrl("file:///assets/yourHtmlFileName.html");

                        wv.setWebViewClient(new WebViewClient()
                        {
                            public boolean shouldOverrideUrlLoading(WebView view, String url)
                            {
                                view.loadUrl(url);

                                return true;
                            }
                        });

                        alert.setView(wv);

                        alert.show();

                    }
                });

Remember: you can also inflate the Dialog with a custom layout of your own . With this line I want to state that in your layout.xml you can use `@android:style/Theme.Holo` as `android:background` in layout.xml's root element. — Prateek, Feb 21 '13 at 11:00

Showing WebView as AlertDialog content

3 Answers3