Contenteditable

Default 

<form class="editable-wrap editable-text">
  <span class="editable-controls">
    <input type="text" class="editable-has-buttons editable-input">
    <span class="editable-buttons">
      <button type="submit">
        save
      </button>
      <button type="button">
        cancel
      </button>
    </span>
  </span>
</form>


                        <form class="editable-wrap editable-text"><span class="editable-controls">
                            <input type="text" class="editable-has-buttons editable-input"><span class="editable-buttons">
                              <button type="submit">save</button>
                              <button type="button">cancel</button></span></span></form>

Small
editable-input-small 

<form class="editable-wrap editable-text">
  <span class="editable-controls">
    <input type="text" class="editable-has-buttons editable-input editable-input-small">
    <span class="editable-buttons">
      <button type="submit">
        save
      </button>
      <button type="button">
        cancel
      </button>
    </span>
  </span>
</form>


                        <form class="editable-wrap editable-text"><span class="editable-controls">
                            <input type="text" class="editable-has-buttons editable-input editable-input-small"><span class="editable-buttons">
                              <button type="submit">save</button>
                              <button type="button">cancel</button></span></span></form>

Medium
editable-input-medium 

<form class="editable-wrap editable-text">
  <span class="editable-controls">
    <input type="text" class="editable-has-buttons editable-input editable-input-medium">
    <span class="editable-buttons">
      <button type="submit">
        save
      </button>
      <button type="button">
        cancel
      </button>
    </span>
  </span>
</form>


                        <form class="editable-wrap editable-text"><span class="editable-controls">
                            <input type="text" class="editable-has-buttons editable-input editable-input-medium"><span class="editable-buttons">
                              <button type="submit">save</button>
                              <button type="button">cancel</button></span></span></form>

Contenteditable

This is a custom AngularJS component skinned for Emarsys.

Last update

Message refactor(contenteditable): move thumbnail error message to contenteditable
Date:
()
Committer: Dávid Gyenes
Component history