Project

General

Profile

Support #2850

iPad support

Added by Jose Hidalgo almost 5 years ago. Updated over 4 years ago.

Status:
Closed
Priority:
Normal
Assignee:
-
Category:
Renderer
Target version:
-
Start date:
2013-12-04
Due date:
% Done:

0%


Description

I'm trying to display a dashboard on iPad but it seems to be "cut". I've tried to apply porcentual width using blueprint css but I don't know how to it with height and I'm not sure if it's a good aproach to achieve iPad visualization properly.

History

#1 Updated by Pedro Vale over 4 years ago

  • Status changed from New to Awaiting Feedback

The code below could be a solution for the scrolling issue. Apply it in a js resource in your dashboard.

It will work for portrait/landscape view, even the horizontal scroll for
some expanded content inside the dashboard.

var applyScroll = function() {
    var zoom, height = $(window.top).height();
    $('body').css({'height': height, 'overflow-y': 'scroll', 'webkit-overflow-scrolling': 'touch'});
    (Math.abs(window.top.orientation) == 90 ) ? zoom = '100%' : zoom = '78%';
    $('.container').first().css('zoom', zoom);
} 

if (navigator.userAgent.match(/(iPad|iPhone|iPod)/g) && (window.innerHeight != window.top.innerHeight)) {
    $(document).ready(function() {
        applyScroll();
    });
    window.addEventListener("orientationchange", function() {
        applyScroll();
    });
}

#2 Updated by Kleyson Rios over 4 years ago

This problem can be related to issue http://redmine.webdetails.org/issues/3106

#3 Updated by Pedro Vale over 4 years ago

  • Status changed from Awaiting Feedback to Closed

No update for two months. Closing as solved. Feel free to open a new issue at jira.pentaho.com if the situation persists.

Also available in: Atom PDF