Senseforce 2.0 Manual
  • Welcome to Senseforce 2.0
  • SF MQTT API
  • SF Edge
    • Edge Package Overview
    • Edge Installation
      • Using the SF Edge Service installer in command shell
      • Headless SF Edge Servie execution
    • Edge Configuration
      • Which Plugins to load (appsettings.xml)
      • Edge Data Routing (EventDefinition.xml)
      • OTA configuration (otasettings.xml)
      • Edge Logging
      • Input plugins
        • SQL Plugin
        • SQLite Plugin
        • OPC UA Plugin
          • OPC UA server browser
        • SIEMENS S7/SINUMERIK Plugin
          • Creating connection definition file
        • S7 Plugin
        • REST Plugin
        • TCP Listener Plugin
        • XML File Parsing Plugin
        • Heidenhain Plugin
      • Output Plugins
        • MQTT Plugin
        • SQLite Plugin
    • Edge Compute plugins
      • Creating compute plugins
      • Using compute plugins
  • SF Edge Asset Management
    • Edge version repository
  • SF Platform
    • Navigation
      • Overview Screen
    • Dataset Builder
      • Filters, Aggregations and Groupings
      • Functions of the Formula Editor
      • Additional Settings
      • Special Events
      • FAQ and Troubleshooting
    • Script Editor
      • Details of the Script Editor
      • Installed Packages
      • Working with Timestamps
        • Working with Timestamps in Python
        • Working with Timestamps in R
      • FAQ and Troubleshooting
    • Widgets
      • Text
      • Headline
      • Image
      • Progress Bar & Gauge Chart
      • Table
      • Map
      • Line, Bar, Scatter and Area Chart
      • Pie Chart
      • Gantt Chart
      • Histogram
      • Overview
      • Log
      • Default colors and color conditions
      • FAQ and Troubleshooting
    • Dashboards
      • Dashboard Filters
      • Favorites
      • Data Drilldown & Widget Interaction
      • Editing multiple dashboard widgets
      • Time Zones
      • Synchronized Zooming
      • Sharable Dashboard URL
      • Multi-chart layout options
      • Default sort for table widgets
      • Releases
      • Reporting
      • FAQ and Troubleshooting
      • Applying zoom to global timestamp filter
      • Optimise the layout for different devices
    • Machine Master Data
      • Dimensions
      • Instances
      • Things
      • Use Case
      • FAQ and Troubleshooting
    • Automation
      • Trigger
      • Scheduling overview
      • Actions
      • Test your Automation
      • Zapier integration (necessary internal steps)
      • Zapier integration
      • Subscriptions
      • FAQ and Troubleshooting
    • Event Schema Management
      • Importing a Event Schema
      • FAQ and Troubleshooting
    • Virtual Events
      • Creating a Virtual Event
      • Scheduling Overview
      • Permissions and Data Access
      • FAQ and Troubleshooting
    • Details modal for elements
    • Copy / Duplicate elements
    • Whitelabeling
    • Edge Device Management
    • Element History
    • Public API
      • Get your access token
      • Endpoints
      • Debugging scripts
      • FAQ and Troubleshooting
    • User & Group Management
      • FAQ and Troubleshooting
    • Active Directory & SSO Setup
Powered by GitBook
On this page
  • General
  • Extensions
  • Google Chrome
  • Morzilla Firefox

Was this helpful?

  1. SF Platform
  2. Dashboards

Optimise the layout for different devices

A great advantage of a web application is that you can use the application from any device with a network connection. For this, it is necessary to optimise the layout for perfect handling.

PreviousApplying zoom to global timestamp filterNextMachine Master Data

Last updated 2 years ago

Was this helpful?

General

The application has some fixed breakpoints set. To see which breakpoint is active, you have to go into the dashboard edite mode. In the header you will find the information about the breakpoint.

The following breakpoints are set in the application:

Extensions

Browser extensions allow you to optimise all breakpoints on your desktop. It is not necessary to have all of your needed devices available to adjust the layout. We recommend using the following extensions for Google Chrome and Morzilla Firefox.

Google Chrome

To do this, the extension for the browser must be installed in the Google Store.

After that you can set the viewports by yourself. The main thing to pay attention to is the width. The height (Higth) can be set to the same value for all fields.

The extension can be pinned in to the browser head so that you have direct access to the resizer. Here you can choose the sizes by selecting the option.

Morzilla Firefox

To do this, the Firefox extension must be installed in the browser. This can be done with the help of the Firefox Store.

In the settings of the extension, the viewports can be defined. There are 4 fields in which you can define the width.

It is now possible to use the extension in the browser head. All you have to do is click on the symbol and then select the desired size.

"" can be used for Google Chrome.

"" can be installed for Morzilla Firefox.

Easy Window Resize
Resize Window & Viewport
Breakpoint informaion in dashboard edit mode.
Breakpoint table
Window resize Google Chrome adjust values
Window resize Google Chrome select size
Window resize Morzilla Firefox adjust values
Window resize Morzilla Firefox select size
Breakpoint Information
Breakpoint table
Window resize Google Chrome adjust values
Window resize Google Chrome select size
Window resize Morzilla Firefox adjust values
Window resize Morzilla Firefox select size