WebView Not Loading inside Custom Dialog Layout

Question

I am trying to load a pdf document from web to url (which I accessed in browser and its working well), when I load the url in WebView inside Custom AlertDialog my WebView diaplays nothing.

alert_dialog_webview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="10dp"
    android:paddingStart="10dp"
    android:paddingRight="10dp"
    android:paddingEnd="10dp"
    >
    <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/web_view"
        ></WebView>

</RelativeLayout>

code:

   private void showDoc(String fileName) {

        final View view = getActivity().getLayoutInflater().inflate(R.layout.alert_dialog_webview, null);

        AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
        builder.setCancelable(false);

        final WebView webview  = (WebView) view.findViewById(R.id.web_view);
        String url = BASE_URL+fileName;
        //webview.loadUrl(url);
        webview.setWebViewClient(new WebViewClient() {
            @SuppressWarnings("deprecation")
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            @TargetApi(Build.VERSION_CODES.N)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                webview.loadUrl(request.getUrl().toString());
                return true;
            }
        });




        String negativeText = getString(R.string.cancel);
        builder.setNegativeButton(negativeText,
                new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                       dialog.dismiss();
                    }
                });

        final AlertDialog dialog = builder.create();
        dialog.setView(view);
 dialog.setOnShowListener(new DialogInterface.OnShowListener() {
            @Override
            public void onShow(DialogInterface dialogInterface) {
                dialog.getButton(AlertDialog.BUTTON_NEGATIVE).setTextColor(ContextCompat.getColor(getContext(),R.color.colorAccentDark));

            }
        });
        // display dialog
        dialog.show();
    }

@V-rundPuro-hit Why should I do so If I am setting `webViewClient ` — Mehvish Ali, Mar 24 '17 at 05:30
how would your webview come to know which url to load? its ok if you are setting `webViewClient`, but you are not passing url for loading to it — V-rund Puro-hit, Mar 24 '17 at 05:31

score 2 · Answer 1 · answered May 19 '17 at 18:05

I have the same issue with a WebView inside a AlertDialog, but I notice that WebView is loading the url but its height is very small, so it is difficult to know if is loaded de page or not.

The trick I found was that you need to add a weight property to WebView and use match_parent in the height

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <WebView
        android:id="@+id/webview_terms"
        android:layout_width="match_parent"
        android:layout_height="match_parent" <!-- use match_parent -->
        android:layout_weight="1" <!-- add this line -->
        tools:ignore="InefficientWeight" />

    <Button
        android:id="@+id/btn_accept_terms"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:background="@drawable/background_button_selector"
        android:text="@string/accept_button"
        android:textColor="@android:color/white" />

</LinearLayout>

score 0 · Answer 2 · edited May 23 '17 at 12:18

0

Android Webview do not support PDF, although chrome app support it.

But, if you want to open PDF in your app you can use MuPDF Library.

If you still want to open PDF in Webview you can use google drive's url to open the pdf file.

But, its just like a webpage opening the pdf with Google toolbar above on it. Checkout this answer for implementing this:- https://stackoverflow.com/a/42975739/3488710

edited May 23 '17 at 12:18

Community

1
1

answered Mar 24 '17 at 05:30

Karan Kalsi

789
3
21

You can load PDF in `WebView` there is workaround for that – V-rund Puro-hit Mar 24 '17 at 05:33
1

using google drive's pre url, you can but its like a web page opening pdf. – Karan Kalsi Mar 24 '17 at 05:36
Yah. but still you can load pdf in it. so it is wrong to say that Webview do not support PDF – V-rund Puro-hit Mar 24 '17 at 05:40
pre appending the drive url worked but still unable to understand why webview donot support direct loading of documents – Mehvish Ali Mar 24 '17 at 05:43
Webview don't support PDF direcltly unlike the IOS Webview which supports it directly. – Karan Kalsi Mar 24 '17 at 05:43

score 0 · Answer 3 · answered Mar 24 '17 at 07:00

Try this :)

private void showDoc(String fileName) {

            final View view = getActivity().getLayoutInflater().inflate(R.layout.alert_dialog_webview, null);

            AlertDialog.Builder builder = new AlertDialog.Builder(getContext());
            builder.setCancelable(false);

            final WebView webview  = (WebView) view.findViewById(R.id.web_view);
            String url = "https://docs.google.com/viewer?url="+BASE_URL+fileName;
            webview.getSettings().setAllowFileAccess(true);
            webview.getSettings().setPluginState(WebSettings.PluginState.ON);
            webview.getSettings().setBuiltInZoomControls(true);
            webview.getSettings().setJavaScriptEnabled(true);
            webview.setWebChromeClient(new WebChromeClient());
            webview.loadUrl(url);

            String negativeText = getString(R.string.cancel);
            builder.setNegativeButton(negativeText,
                    new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                           dialog.dismiss();
                        }
                    });

            final AlertDialog dialog = builder.create();
            dialog.setView(view);
            dialog.setOnShowListener(new DialogInterface.OnShowListener() {
                @Override
                public void onShow(DialogInterface dialogInterface) {
                    dialog.getButton(AlertDialog.BUTTON_NEGATIVE).setTextColor(ContextCompat.getColor(getContext(),R.color.colorAccentDark));

                }
            });
            // display dialog
            dialog.show();
        }

WebView Not Loading inside Custom Dialog Layout

3 Answers3