Change position link on Lockdown template

Change position link on Lockdown template

Hi,

I would like to place MCLink2 at the bottom right on my lockdown template.

Ideally, this link should be fixed at the bottom right.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Android/Desktop Lockdown</title>
<style type="text/css">

html, body { height: 99.3%; }

body {
margin: 4px 4px 0px 4px;
background: #D6E2EC;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

#Header {
background: url('<MCImg_BkgHeaderRepeat.png>') repeat-x;
height: 80px;
width: 100%;
}

#Header .lockicon {
background: url('<MCImg_HeaderLock.png>') no-repeat;
width: 69px;
height: 71px;
float: left;
position: absolute;
}

#Header .Title {
font: bold 30px arial,sans-serif;
text-align: center;
line-height: 71px;
color: #fff;
width: 100%;
display:block;
}

#Main {
text-align:center;
margin: 4px 0 100px;
}

#Main .row {
display:table;
white-space:nowrap;
margin: 0px auto;
}

#Main .row ul {
list-style: none;
margin:0;
padding:0;
display: table-row;
white-space:nowrap;
}

#Main .row ul br {clear: both;}

#Main .row ul li {
width: 139px;
height: 153px;
padding: 2px;
/* border: 2px #666666 solid; */
margin: 2px 4px 2px 0px;
vertical-align: middle;
text-align: center;
background-color:#D6E2EC;
position: relative;
display:table-cell;
float:left
}

#Main .row ul li img {
border: 0;
width: 86px;
height: 86px;
padding: 12px;
}

#Main .row ul li .txt {
color: #0C2B6E;
font: bold 16px arial,sans-serif;
}

#Footer {
font: bold 30px arial,sans-serif;
color: #fff;
position:fixed;
bottom:0;
margin:0;
padding:0;
width:100%;
height: 57px;
}
/* IE7+ fix */
html > body #Footer {
margin:0 0 0 -4px;
padding:0 4px;
}

#Footer .FooterContainer {
margin:0;
display:block;
overflow:hidden;
height: 57px;
line-height: 57px;
background: url('<MCImg_BkgFooterRepeat.jpg>') repeat-x;
}
/* IE7+ fix */
html > body #Footer .FooterContainer {
margin:0 8px 0 0;
}

#Footer .FooterContainer .FooterBg {
background: url('<MCImg_poweredbysoti.jpg>') no-repeat;
width: 426px;
height: 57px;
float: right;
}

#Footer, .push {
height: 2em;
height: 57px \0/;
}


</style>

<!--[if lt IE 8]>
<style type="text/css">
#Main .row ul {display:inline-block;}
#Main .row ul{display:inline; }
#Main .row ul li{display:inline-block}
#Main .row ul li{ display:inline;}
#Main .row ul a{ display:inline-block;}
#Main{text-align:center}
</style>
<![endif]-->

</head>

<body>
<div id="wrapper">
<div id="Header">
<div class="lockicon"></div>
<span class="Title">Indestat</span>
</div>

<div id="Main">
<div class="row">
<ul>
<!-- To display the image for the item rather than use the EXE icon use this line instead
<li><A href ="<MCLink0>"><img src="<MCDispImg0>" /><div class="txt"><MCDISP0></div></a></li>-->
<li><A href ="<MCLink0>"><img src="<MCDispImg0>" 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>

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

</div>
<div class="push"></div>
</div>
<div id="Footer">
<div class="FooterContainer">
<div class="FooterBg"></div>
</div>
</div>
</body>
</html>

 

Many thanks for your help.

 

BR

4 Answers

Order By:   Standard | Newest | Votes
Raymond Chan | posted this 15 April 2020

Are there only 3 items in your lockdown menu?  

Actually, how you can do that depends very much on what you currently have in your html file (e.g. the number of rows/columns, layout & style defined, any customized CSS/JavaScript codes added, etc).

 

  • 0
  • 0
Farid.S | posted this 15 April 2020

This a an example, we have more than 50 different templates.

Some of them are getting only 1 item.

I just have access to html template on lockdown menu to edit the current template (html file).

 

What I have in my current html file has been already sent on my question.

For sure, it's possible to place a link anywhere we want but I don't know how to proceed on the html file.

 

Below is the result on my screen:

 

  • 0
  • 0
Farid.S | posted this 16 April 2020

Hi,

Nobody knows how to proceed?

  • 0
  • 0
Edgar Gomez | posted this 16 April 2020

You may place the link in the footer.

You would have to work on the details.

Here is an example showing the device name in footer:

<div id="Footer">
  <div class="FooterContainer">
         %MCDEVICENAME%
   </div>
</div>

  • 0
  • 0

Give us your feedback
Give us your feedback
Feedback