cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - You can subscribe to a forum, label or individual post and receive email notifications when someone posts a new topic or reply. Learn more! X

How to set mashup to load in FHD mode by default?

BP_9517166
6-Contributor

How to set mashup to load in FHD mode by default?

Hi,

 

As mashup loads in Full Screen mode by default, I want to set mashup to be in FHD mode(Default) on load.

 

Is there any settings  available to set this?

1 ACCEPTED SOLUTION

Accepted Solutions
yhan
17-Peridot
(To:BP_9517166)

Then you can add the below css code to this mashup:

 

#runtime-workspace
{ height: 1080px;
  width: 1920px;
  margin:0 auto;
}

 

6-7-2021 4-57-57 PM.jpg

View solution in original post

3 REPLIES 3
yhan
17-Peridot
(To:BP_9517166)

1. Take a backup of \webapps\Thingworx\Runtime\index.html

2. Edit index.html and modify order of resolution options from following section

 

<select class="resolution-picker">
    <option value="FHD 1920x1080">FHD 1920x1080</option>
    <option value="Fullscreen">Fullscreen</option>
    <option value="1024x768">1024x768</option>
    <option value="1280x1024">1280x1024</option>
    <option value="1366x768">1366x768</option>
    <option value="HD 1280x720">HD 1280x720</option>
    <!--<option>iPhone Landscape</option>-->
    <!--<option>iPhone Portrait</option>-->
    <option value="iPad Landscape">iPad Landscape</option>
    <option value="iPad Portrait">iPad Portrait</option>
    <!--<option>Custom</option>-->
</select>

 

3.Save and close file (Tomcat restart is not required)
4. Refresh Mashup (depending on browser cache clearing might be required)

BP_9517166
6-Contributor
(To:yhan)

Thank you @yhan ,

 I have tried this, but no use.

 

BP_9517166_0-1623047280682.png

This is how it will look like when it is FHD.

BP_9517166_1-1623047392772.png

 

yhan
17-Peridot
(To:BP_9517166)

Then you can add the below css code to this mashup:

 

#runtime-workspace
{ height: 1080px;
  width: 1920px;
  margin:0 auto;
}

 

6-7-2021 4-57-57 PM.jpg

Top Tags