Evan Ball

How to edit LOCKDOWN template? (html coding)


Occasionally, some of customers would need to customize the builtin LOCKDOWN kiosk template, which is a HTML file. How to do that?


1 answer 0 upvote 158 views 01 September 2017 SOTI MobiControl - Android

1 Answer

Haichen Fang | posted this 01 September 2017

Example 1:

<li><A href ="<MCLink0>"><img src="<MCExeIcon0>" onerror="this.style.display='none'" /><div class="txt"><MCDISP0></div></a></li>

<li><A href ="<MCLink1>"><img src="<MCExeIcon1>" onerror="this.style.display='none'" /><div class="txt"><MCDISP1></div></a></li>



<div class="row">


<li><A href ="<MCLink2>"><img src="<MCExeIcon2>" onerror="this.style.display='none'" /><div class="txt"><MCDISP2></div></a></li>

<li><A href ="<MCLink3>"><img src="<MCExeIcon3>" onerror="this.style.display='none'" /><div class="txt"><MCDISP3></div></a></li>



<div class="row">


<li><A href ="<MCLink4>"><img src="<MCExeIcon4>" onerror="this.style.display='none'" /><div class="txt"><MCDISP4></div></a></li>

<li><A href ="<MCLink5>"><img src="<MCExeIcon5>" onerror="this.style.display='none'" /><div class="txt"><MCDISP5></div></a></li>

In this example, there would be 3 rows of Apps and each row would have 2 apps in it.

So, if you want to have 2 rows instead of 3, you just delete the third paragraph of above, the MCLink4 and MCLink5 part.

If you would like to have 3 apps on each row, you have to move MCLink2 to the first paragraph, so the first paragraph would have MCLink0, MCLink1 and MCLink2.


Also, sometimes, customer would like to use another picture to be the icon of curtain app, rather using the icon of the app itself. In this scenario, you have to change the MCExeIcon0 into MCDispImg0, and keep the rest the same. In this case, the uploaded picture would be used as the icon of the app, in this example, it is the first app of the first row.

Example 2:

You can also change the TITLE of the LOCKDOWN kiosk to be the either the company name or what so ever, you may change the ‘SOTI MobiControl’ which is by default to what you need, as below.



<div id="wrapper">

        <div id="Header">

        <div class="lockicon"></div>

        <span class="Title">SOTI MobiControl</span>



  • 2
  • 0