Author Topic: Full screen preview of a detail row's element not works  (Read 4434 times)

WTC_User

  • Pro OEM
  • Newbie
  • *
  • Posts: 18
    • View Profile
Full screen preview of a detail row's element not works
« on: October 13, 2017, 07:19:10 pm »
Every time that I invoke the fullscreen of an element inside a detail row, the table refresh itself and the preview will close!

For the fullscreen mode in chrome you have to run for example :

      document.querySelector('.detail').webkitRequestFullscreen()

where document.querySelector('.detail') is the element to expand.


for more info about Fullscreen see here: https://developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6263
    • View Profile
Re: Full screen preview of a detail row's element not works
« Reply #1 on: October 16, 2017, 11:35:40 am »
Can you please provide more details as to what kind of element is inside the detail rows which are trying with Fullscreen API.

It would be great if you share a jsfiddle.
« Last Edit: October 16, 2017, 11:43:21 am by paramquery »

WTC_User

  • Pro OEM
  • Newbie
  • *
  • Posts: 18
    • View Profile
Re: Full screen preview of a detail row's element not works
« Reply #2 on: October 16, 2017, 01:21:12 pm »
http://jsfiddle.net/pztgcy2q/1/

Here there is a simple example...you have to run it on Google Chrome, expand a row and click the text inside the detail.
« Last Edit: October 16, 2017, 01:22:56 pm by WTC_User »

WTC_User

  • Pro OEM
  • Newbie
  • *
  • Posts: 18
    • View Profile
Re: Full screen preview of a detail row's element not works
« Reply #3 on: October 20, 2017, 01:55:49 pm »
Any news in this front?

We need to have a solution because we must release the new version of the product next week!!

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6263
    • View Profile
Re: Full screen preview of a detail row's element not works
« Reply #4 on: October 20, 2017, 03:58:47 pm »
Please use this patch.

Code: [Select]
//patch.
(function($) {
  var fn = $.paramquery.pqGrid.prototype,
    _onResize = fn.onWindowResize;
  fn.onWindowResize = function() { 
  var isFullScreen = document.fullScreen ||
                   document.mozFullScreen ||
                   document.webkitIsFullScreen ||
                   (window.innerHeight == screen.height);
    if( !isFullScreen ){
    return _onResize.apply(this, arguments);
    }
  }
})(jQuery)

http://jsfiddle.net/vdyqc4r6/
« Last Edit: October 20, 2017, 04:34:31 pm by paramquery »

WTC_User

  • Pro OEM
  • Newbie
  • *
  • Posts: 18
    • View Profile
Re: Full screen preview of a detail row's element not works
« Reply #5 on: October 23, 2017, 01:31:54 pm »
ok! it works