Document | Tech Tips & Tricks

How To Fit WebView Height Based On Its Content In Java FX 2.2

September 13, 2014 by blogmeister·0 Comments

There is no way in the API to do this. However, Frode Johansen made a custom class that inherited Region and placed a WebView control inside it, then adjusting its height based on the document height after it has loaded its content by executing a Javascript one-liner code in order to retrieve the height value.

A very big thank you because considering that the Label control cannot display formatted HTML content, the only way to work around this limitation is to create a custom class of it. Luckily, he has saved us all the trouble of making one.

Here is the custom class.

public final class WebViewFitContent extends Region {
    final WebView webview = new WebView();
    final WebEngine webEngine = webview.getEngine();
    public WebViewFitContent(String content) {    	
    	webview.setPrefHeight(5);
        widthProperty().addListener(new ChangeListener<Object>() {
            @Override
            public void changed(ObservableValue<?> observable, Object oldValue, Object newValue) { 
                Double width = (Double)newValue;
                webview.setPrefWidth(width);
                adjustHeight();
            }    
        });
        webview.getEngine().getLoadWorker().stateProperty().addListener(new ChangeListener<State>() {
            @Override
            public void changed(ObservableValue<? extends State> arg0, State oldState, State newState)         {
                if (newState == State.SUCCEEDED) {
                    adjustHeight();
                }				
            }
        });        
        webview.getChildrenUnmodifiable().addListener(new ListChangeListener<Node>() {
            @Override
            public void onChanged(Change<? extends Node> change) {
                Set<Node> scrolls = webview.lookupAll(".scroll-bar");
                for (Node scroll : scrolls) {
                   scroll.setVisible(false);
                }
            }
    	});
        setContent(content);
        getChildren().add(webview);
    }
    public void setContent(final String content) {
        Platform.runLater(new Runnable(){
            @Override                                
            public void run() {
                webEngine.loadContent(getHtml(content));
                Platform.runLater(new Runnable(){
                    @Override                                
                    public void run() {
                        adjustHeight();
                    }               
                });
            }               
    	});
    }
    @Override 
    protected void layoutChildren() {
        double w = getWidth();
        double h = getHeight();
        layoutInArea(webview,0,0,w,h,0, HPos.CENTER, VPos.CENTER);
    }
    private void adjustHeight() {
        Platform.runLater(new Runnable(){
            @Override                                
            public void run() {
                try {
                    Object result = webEngine.executeScript("document.getElementById('mydiv').offsetHeight");
                    if (result instanceof Integer) {
                        Integer i = (Integer) result;
                        double height = new Double(i);
                        height = height + 20;
                        webview.setPrefHeight(height);
                        webview.getPrefHeight());
                    }
                } catch (JSException e) { } 
            }               
        });
    }
    private String getHtml(String content) {
        return "<html><body>" +
                "<div id=\"mydiv\">" + content + "</div>" +
		"</body></html>";
    }
}

public final class WebViewFitContent extends Region {

final WebView webview = new WebView();

final WebEngine webEngine = webview.getEngine();

public WebViewFitContent(String content) {

webview.setPrefHeight(5);

widthProperty().addListener(new ChangeListener<Object>() {

@Override

public void changed(ObservableValue<?> observable, Object oldValue, Object newValue) {

Double width = (Double)newValue;

webview.setPrefWidth(width);

adjustHeight();

}

});

webview.getEngine().getLoadWorker().stateProperty().addListener(new ChangeListener<State>() {

@Override

public void changed(ObservableValue<? extends State> arg0, State oldState, State newState) {

if (newState == State.SUCCEEDED) {

adjustHeight();

}

});

webview.getChildrenUnmodifiable().addListener(new ListChangeListener<Node>() {

@Override

public void onChanged(Change<? extends Node> change) {

Set<Node> scrolls = webview.lookupAll(".scroll-bar");

for (Node scroll : scrolls) {

scroll.setVisible(false);

}

});

setContent(content);

getChildren().add(webview);

}

public void setContent(final String content) {

Platform.runLater(new Runnable(){

@Override

public void run() {

webEngine.loadContent(getHtml(content));

Platform.runLater(new Runnable(){

@Override

public void run() {

adjustHeight();

}

});

}

});

}

@Override

protected void layoutChildren() {

double w = getWidth();

double h = getHeight();

layoutInArea(webview,0,0,w,h,0, HPos.CENTER, VPos.CENTER);

}

private void adjustHeight() {

Platform.runLater(new Runnable(){

@Override

public void run() {

try {

Object result = webEngine.executeScript("document.getElementById('mydiv').offsetHeight");

if (result instanceof Integer) {

Integer i = (Integer) result;

double height = new Double(i);

height = height + 20;

webview.setPrefHeight(height);

webview.getPrefHeight());

}

} catch (JSException e) { }

}

});

}

private String getHtml(String content) {

return "<html><body>" +

"<div id=\"mydiv\">" + content + "</div>" +

"</body></html>";

}

The Ademero Document Management Software Solutions

November 13, 2012 by blogmeister·4 Comments

This is a Sponsored post written by me on behalf of Ademero for SocialSpark. All opinions are 100% mine.

Businesses, whether big or small can save up on costs when they use services that are based on the cloud. For one thing, they do not have to spend all those different hardware requirements just to set one up in their office. What is more, the company will need to hire staff that will maintain the system up and running all the time and in tip top shape.

Documents are one of the things that a business will always get involved with. Managing them in from one central location requires hardware and staff maintenance that can increase your operational costs.

One of the ways that I believe can help businesses save on costs is to use document management software systems in the cloud.

The Ademero Business Services provide hosted document management, document imaging and related professional services.

Document Imaging - With this process I am all for saving the environment. Digitizing documents can free users from the hassle of keeping such documents in good condition over the years. It can be costly too. Now, digitizing these mountains of paper is no easy task! Fortunately, the professionals at Ademero Business Services work around the clock, converting paper documents of all shapes and sizes into searchable files suitable for storage.
Hosted Document Management - This services provides users with the ability to capture, retrieve and manage information remotely using a standard Web browser. If a completely managed solution for your documents and other content is what you are looking for, the Content Central Hosted Solution can deliver. This solution is hosted online, eliminating the need for additional IT resources.
Solution Migration / Conversion - Different businesses have different business solutions, hence it comes as no surprise that additional ones are in place from complex, old fashioned document management systems to simple, shared workstations with file folders containing images.

Ademero has years of experience in seamlessly migrating customers to and from many popular document management systems without locking business companies into their solutions using proprietary methods which is one of the reasons why I like the way they handle operations.

The Content Central application itself contains many built-in components designed to manage document-centric processes. It sets the standard for document management and workflow solutions.

Users access and interact with the application by logging in using a preferred web browser, from Internet Explorer to Mozilla Firefox and Google Chrome. Every operation occurs within this browser-based interface, from capturing, indexing, and retrieving documents to approving and distributing them.

Now, to see is to believe right? I may be talking too much and the best way to fully grasp and appreciate how effective Ademero’s services can be of use to your company’s operations is to try out the services yourself. Then you will be able to understand and relate what have been talked about in this post.

To start with, here is a brief info Video than you can look at.

Then visit the site and test Ademero’s robus document management and workflow solutions.

Tech Tips & Tricks

tech tips gadgets programming software

Tag: document

How To Fit WebView Height Based On Its Content In Java FX 2.2

The Ademero Document Management Software Solutions