RTO_DOM_style.js

Summary

Apply inline styles to a selector inside a controlled tab.

• Exports: RTOSetRemoteStyle
• Depends on: RTO_form_api.js
• Auto-binds: elements with data-rto-style + data-rto-selector
• Uses data attributes: data-rto-selector, data-rto-style, data-rto-tabKey (recommended), data-rto-tabkey (legacy), data-rto-key (legacy)

What it is

Apply inline styles to an element inside a controlled tab. It can bind buttons with a JSON style payload.

Download

Example

<button
  data-rto-tabKey="app"
  data-rto-selector="#submit"
  data-rto-style='{"outline":"3px solid red"}'
>
  Outline submit button
</button>

<script src="../RTO_helpers/RTO_form_api.js"></script>
<script src="../RTO_helpers/RTO_DOM_style.js"></script>

Data attributes

• data-rto-selector : selector in the remote tab
• data-rto-style : JSON object of inline styles
• data-rto-tabKey : tabKey (recommended)
• data-rto-tabkey : legacy alias (accepted)
• data-rto-key : legacy alias (accepted)

Next

• Helpers index
• API reference