DocumentUltimate and filling the screen on loading

I am creating a demo of DocumentUltimate using the trial version to make sure it fits my company and client's needs. I am having trouble getting the tool to automatically fill the screen with FullViewport option. It will automatically take the width of the browser, but loads with a small height (<300px). I have looked through some of the documentation with no solution that I have been able to find. I have also tried some CSS changes with classes and ids, but those seem sub-optimal for a solution. How can I get DocumentUltimate to fill both the width and the height of the browser automatically? Thank You.

Bob Smith Replied

3/24/2017 at 9:18 AM

I did find a way with jQuery to resolve this issue, but it would be nice if it was handled by the viewer automatically.

jQuery Code:

$(document).ready(function () {
            ChangeDocumentViewerSize();          
});

$(window).resize(function () {
            ChangeDocumentViewerSize();
});
        
function ChangeDocumentViewerSize() {
            $('#dvDemo').width($(window).width());
            $('#dvDemo').height($(window).height());
}

Steve Brown Replied

8/3/2017 at 7:40 AM

Thanks for posting this code. I was banging my head on this one. I'm surprised the issue hasn't been raised more. Perhaps it's because the control is in a div in our case.

Rob Smith Replied

4/10/2021 at 6:12 AM

Even simpler, I found that this worked quite nicely.

.dv-control {
width: 100% !important;
height: 1500px !important;
}

3 Replies

Reply to Thread

Related Knowledge Base Articles

3 Replies

Reply to Thread

Tags

Related Knowledge Base Articles