Full Screen on iOS with Safari or Chrome
Posted: Wed Dec 01, 2021 11:36 pm
Hello Forum,
I have created a Dashboard and integrate it in my Flask Application on a html-template.
The Full-Screen Option ist set to false, because I DON'T want to show the Dashboard in Full-Screen.
On a Windows Client with Chrome or Edge Browser it works fine - see attached Screenshot.
Only on an iOS based Tablet (e.g. iPad Air 4 with iOS14.8.1) the Dashboard is always displayed in Full-Screen - see attached Screenshot.
Does someone have a fix for me?
My Javascript code:
<!-- Report viewer scripts, may be external -->
<script type="text/javascript">
// Set full screen mode for the viewer
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.scrollbarsMode = true;
options.appearance.fullScreenMode = false;
// Create the dashboard viewer with specified options
var viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
var report = Stimulsoft.Report.StiReport.createNewDashboard();
// Load dashboard from url
report.loadFile("{{ url_for('static', filename='reports/dlcDashboard.mrt')}}");
// Create new DataSet object
var dataSetDLC = new Stimulsoft.System.Data.DataSet("dlcJSON");
var dataSetDDS = new Stimulsoft.System.Data.DataSet("ddsJSON");
// Remove all connections from the dashboard template
report.dictionary.databases.clear();
$.getJSON('/v_dlc_analysis/select_v_dlc_analysis', function ( data ) {
console.log(data);
dataSetDLC.readJson(data);
// Register DataSet object
report.regData(dataSetDLC.dataSetName, "", dataSetDLC);
});
$.getJSON('/v_dds_analysis/select_v_dds_analysis', function ( data ) {
console.log(data);
dataSetDDS.readJson(data);
// Register DataSet object
report.regData(dataSetDDS.dataSetName, "", dataSetDDS);
});
// Show dashboard in the Viewer
viewer.report = report;
</script>
Thanks for your help in advance.
Greetings Joerg
I have created a Dashboard and integrate it in my Flask Application on a html-template.
The Full-Screen Option ist set to false, because I DON'T want to show the Dashboard in Full-Screen.
On a Windows Client with Chrome or Edge Browser it works fine - see attached Screenshot.
Only on an iOS based Tablet (e.g. iPad Air 4 with iOS14.8.1) the Dashboard is always displayed in Full-Screen - see attached Screenshot.
Does someone have a fix for me?
My Javascript code:
<!-- Report viewer scripts, may be external -->
<script type="text/javascript">
// Set full screen mode for the viewer
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.scrollbarsMode = true;
options.appearance.fullScreenMode = false;
// Create the dashboard viewer with specified options
var viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
var report = Stimulsoft.Report.StiReport.createNewDashboard();
// Load dashboard from url
report.loadFile("{{ url_for('static', filename='reports/dlcDashboard.mrt')}}");
// Create new DataSet object
var dataSetDLC = new Stimulsoft.System.Data.DataSet("dlcJSON");
var dataSetDDS = new Stimulsoft.System.Data.DataSet("ddsJSON");
// Remove all connections from the dashboard template
report.dictionary.databases.clear();
$.getJSON('/v_dlc_analysis/select_v_dlc_analysis', function ( data ) {
console.log(data);
dataSetDLC.readJson(data);
// Register DataSet object
report.regData(dataSetDLC.dataSetName, "", dataSetDLC);
});
$.getJSON('/v_dds_analysis/select_v_dds_analysis', function ( data ) {
console.log(data);
dataSetDDS.readJson(data);
// Register DataSet object
report.regData(dataSetDDS.dataSetName, "", dataSetDDS);
});
// Show dashboard in the Viewer
viewer.report = report;
</script>
Thanks for your help in advance.
Greetings Joerg