<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>

CC BY-SA 4.0
2023-03-16T20:41:55.697Z
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.
4midori
CC BY-SA 4.0
2023-03-01T09:52:51.387Z
2023-03-01T09:52:51.387Z
Paul Frost
<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>

<redactor>
Redactor customization: imagePosition, Craft 3.7
# 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

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"
  }


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 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.  

---

