Answers.Body: <p>I don't know if this helps, but I'm using the <a href="https://github.com/simplicateca/redactor-image-class" rel="nofollow noreferrer">redactor-image-class plugin</a> and my json looks like this:</p>
  <pre><code>    &quot;imageClasses&quot; : [
      { &quot;label&quot;: &quot;Right 30%(portrait)&quot;,   &quot;class&quot;: &quot;right30&quot; },
      { &quot;label&quot;: &quot;Right 50%(landscape)&quot;,  &quot;class&quot;: &quot;right50&quot; },
      { &quot;label&quot;: &quot;Full width&quot;,   &quot;class&quot;: &quot;fullWidth&quot;, &quot;default&quot;: true }
    ],
  </code></pre>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-03-16T20:41:55.697Z
Answers.Text: Thanks! I submitted a request to edit the install instructions slightly. The imageclass.js file needs to go in _craft/config/redactor/plugins/_ and that makes things work.
Answers.UserDisplayName: 4midori
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2023-03-01T09:52:51.387Z
Answers.LastActivityDate: 2023-03-01T09:52:51.387Z
Answers.UserDisplayName: Paul Frost
Body: <p>I have Redactor customized like this</p>
  <p><em>standard.json</em></p>
  <pre><code>    &quot;imagePosition&quot;: {
    &quot;left&quot;: &quot;image-left&quot;,
    &quot;right&quot;: &quot;image-right&quot;,
    &quot;center&quot;: &quot;image-center&quot;
    }
  </code></pre>
  <p>This works fine, and generates
  <code>&lt;figure class=&quot;image-left&quot;&gt;</code>
  for example.</p>
  <p>However, when I add additional options:</p>
  <pre><code>&quot;imagePosition&quot;: {
    &quot;left 1/2&quot;: &quot;image-left&quot;,
    &quot;left 1/3&quot;: &quot;image-left-onehalf&quot;,
    &quot;right 1/2&quot;: &quot;image-right&quot;,
    &quot;right 1/3&quot;: &quot;image-right-onethird&quot;, 
    &quot;center&quot;: &quot;image-center&quot;
    }
  </code></pre>
  <p><a href="https://i.sstatic.net/X2za0.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/X2za0.png" alt="redactor" /></a></p>
  <p>They do not appear in the dropdown. They are in the page source, however.</p>
  <p>Am I misunderstanding how this customization works?</p>
  
Tags: <redactor>
Title: Redactor customization: imagePosition, Craft 3.7
ThreadText: # Redactor customization: imagePosition, Craft 3.7
  
  (Asked by: username_0 on 2023-03-01)
  
  I have Redactor customized like this
  
  *standard.json*
  
  ```
      "imagePosition": {
    "left": "image-left",
    "right": "image-right",
    "center": "image-center"
    }
  
  ```
  
  This works fine, and generates
  `<figure class="image-left">`
  for example.
  
  However, when I add additional options:
  
  ```
  "imagePosition": {
    "left 1/2": "image-left",
    "left 1/3": "image-left-onehalf",
    "right 1/2": "image-right",
    "right 1/3": "image-right-onethird", 
    "center": "image-center"
    }
  
  ```
  
  [![redactor](https://i.sstatic.net/X2za0.png)](https://i.sstatic.net/X2za0.png)
  
  They do not appear in the dropdown. They are in the page source, however.
  
  Am I misunderstanding how this customization works?
  
  **Tags:** redactor
  
  
  ---
  
  ## 1 answers
  
  ### Answer by username_1 on 2023-03-01. Score: 2 | Accepted answer
  
  I don't know if this helps, but I'm using the [redactor-image-class plugin](https://github.com/simplicateca/redactor-image-class) and my json looks like this:
  
  ```
      "imageClasses" : [
      { "label": "Right 30%(portrait)",   "class": "right30" },
      { "label": "Right 50%(landscape)",  "class": "right50" },
      { "label": "Full width",   "class": "fullWidth", "default": true }
    ],
  
  ```
  
  > **Comments:**
  > **username_0**: Thanks! I submitted a request to edit the install instructions slightly. The imageclass.js file needs to go in _craft/config/redactor/plugins/_ and that makes things work.  
  
  ---
  
  