options.js

return {
  "name": "Ninja XBMC Popup",
  "deviceMap": [
    { "deviceId": 2000, "minimum": 1, "maximum": 1} // Sandbox device until more specific ID is availble
  ],
  "forceDeviceMapGroup": true
}

style.less

background: #2A2A2A;
background-image: url('http://i.imgur.com/Owa3aPw.png');
background-repeat: no-repeat;
background-position: center;
 
.xbmc-popup-widget {
  padding: 30px 10px 10px;
  text-align: right;
 
  .button {
    position:absolute;
    bottom: 20px;
    right: 10px;
  }
 
  input {
    display: block;
    width: 60%;
    position:absolute;
    bottom: 20px;
    left: 10px;
  }
 
}

view.html

<div class="xbmc-popup-widget">
  <input class="input" type="text" name="data" placeholder=""/>
  <button class="button blue-gradient">Send</button>
</div>

widget.js

element.find('button').click(function() {
  scope.ActuateAll(element.find('[name=data]').val());
});