responsive design

martijnperdaan

is it possible with the index.hmi that on the mobile phone I get another hmi design that on the tablet

jaroslav_sobota

Hi Martijn,
no support for this at the moment. Still, you can implement it with a custom Javascript included in your HMI. Something like "if screen_width<N then redirect to another HTML page".

Jaroslav

martijnperdaan

@jaroslav_sobota said in responsive design:

Hi Martijn,
no support for this at the moment. Still, you can implement it with a custom Javascript included in your HMI. Something like "if screen_width<N then redirect to another HTML page".

how do I implement a custom Javascript in my HMI

jaroslav_sobota

Hi Martijn,
here is an example project which includes a custom Javascript file: 0101-51_Custom_js.zip

The main trick is to add the CUSTOM "library" in Expert settings in HMI Designer. The GENERAL library must be added as well:

The "library" CUSTOM is located in the hmisrc folder and it has to have a "js" subfolder which contains your Javascript files. These are then included in the generated HMI files.

Hope this helps, let me know.

Best regards
Jaroslav