Plug Widget

Plug widget is a embeddable widget which shows current consumption for a predefined port.

Plugport

Widget URL

A language parameter can be added to the url to switch between NO and EN.
If the parameter is not set the default will be NO.
Use: ?language=[no|en]
Embedded code
<iframe
  src=""
  title="Plugport widget"
  width="412"
  height="635"
  scrolling="no"
  frameborder="0"
  marginwidth="0"
  marginheight="0"
  style="background-color:rgba(2,49,76,.5)"
  allowtransparency="true"
></iframe>
 

Mobile version

CSS breakpoint set to 400px

Embedded code
<iframe
  src=""
  title="Plugport widget"
  width="375"
  height="200"
  scrolling="no"
  frameborder="0"
  marginwidth="0"
  marginheight="0"
  style="background-color:transparent"
  allowtransparency="true"
></iframe>
 


Bergen Havn

Skyscraper 180x500
Embedded code
<iframe
  src=""
  title="Bergen havn skyscraper widget"
  width="180px"
  height="500px"
  scrolling="no"
  frameborder="0"
  marginwidth="0"
  marginheight="0"
></iframe>


Netboard 580x400
Embedded code
<iframe
  src=""
  title="Bergen havn netboard widget"
  width="580px"
  height="400px"
  scrolling="no"
  frameborder="0" 
  marginwidth="0" 
  marginheight="0"
></iframe>


Responsive wide (16:9)
Embedded code
<div style="position: relative;
              padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
              height: 0;
              overflow: hidden;">
              <iframe
  src=""
  title="Bergen havn wide widget"
  scrolling="no"
  frameborder="0" 
  marginwidth="0" 
  marginheight="0"
  style="position:absolute;width:100%;height:100%;top:0;left:0;"
></iframe>
</div>


Responsive portrait (9:16)
Embedded code
<div style="position: relative;
              padding-bottom: 177.79%; /* proportion value to aspect ratio 9:16 (16 / 9 = 1.778 or 177.78%) */
              height: 0;
              overflow: hidden;">
              <iframe
  src=""
  title="Bergen havn portrait widget"
  scrolling="no"
  frameborder="0" 
  marginwidth="0" 
  marginheight="0"
  style="position:absolute;width:100%;height:100%;top:0;left:0;"
></iframe>
</div>