Page tree
Skip to end of metadata
Go to start of metadata

It is possible to create a pop-up window that will be displayed every time after login to the platform (or its updates by F5).

  1. Open the Company Management widget.
  2. Switch to Layout tab.
  3. In the FooterHTML field, insert the following HTML code:

<div style='position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; z-index: 1000;' id='newsblock'>
<div style='position: absolute; top: 16%; left: 25%; background-color: #ffffff; color: #000000; padding: 1rem; width: 50%; height: 66%;'>

Here is the text for the popup window.

<span style="position: relative; left: 50%; top: 10px; padding: 3px; text-align: center; cursor: pointer; background-color: #cccccc; border-radius: 0.25rem;" onclick="javascript: document.getElementById('newsblock').style.display = 'none'">close</span>
</div>
</div>&nbsp;

If you would like to iframe a page into this popup, you could use the following HTML code:

 

<div style='position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; z-index: 1000;' id='newsblock'>
<div style='position: absolute; top: 16%; left: 25%; background-color: #ffffff; color: #000000; padding: 1rem; width: 50%; height: 66%;'>

<iframe src="http://www.etnatrader.com" width="100%" height="95%;" align="left"> Iframe is not supported. </iframe>

<span style="position: relative; left: 50%; top: 10px; padding: 3px; text-align: center; cursor: pointer; background-color: #cccccc; border-radius: 0.25rem;" onclick="javascript: document.getElementById('newsblock').style.display = 'none'">close</span>
</div>
</div>&nbsp;

 

Note: Before you place this code into the FooterHTML field, please remove all intermediate line breaks.

Example: <div style='position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; z-index: 1000;' id='newsblock'><div style='position: absolute; top: 16%; left: 25%; background-color: #ffffff; color: #000000; padding: 1rem; width: 50%; height: 66%;'><iframe src="https://www.etnasoft.com" width="100%" height="95%;" align="left"> Iframe is not supported. </iframe><span style="position: relative; left: 50%; top: 10px; padding: 3px; text-align: center; cursor: pointer; background-color: #cccccc; border-radius: 0.25rem;" onclick="javascript: document.getElementById('newsblock').style.display = 'none'">close</span></div></div>&nbsp;

 

  • No labels