Responsive Design for SnapEditor?

[Mark Melton]

In this editor, you have to specify the text area width and hight thus:

<textarea id="editor" name="content" style="width: 600px; height: 400px;">

      <p>This content will be editable</p>

</textarea>

I tried to make it into percentages to give me a responsive UI but it doesnt work. I tried this:

<textarea id="editor" name="content" style="width: 100%; height: 400px;">

                  <p>This content will be editable</p>

                </textarea>

Any thoughts? Or must one use absolute values for width and height?

[Wesley Wong]

Hi Mark,

At the moment, you can only use absolute values for the width and height. I will look into adding the ability to add relative dimensions.

I'll update you once I have something.

Cheers,

Wesley

[Wesley Wong]

Hi Mark,

I just wanted to let you know that the width and height can now be set through the configuration passed through to SnapEditor.Form in the latest release of SnapEditor 1.9.0.

This new config also allows relative widths.

Cheers,

Wesley

[Mark Melton]

Hi Wesley,

Perfecto! That is awesome. Heading over now to try it. Thank you so very much for providing this decisive feature.

Mark

[Mark Melton]

Hi Wesley,

Please how do you specify the relative width and height via the config? If possible can you give me the code?

And it will be nice if you updated the documentation to reflect this. The current documentation says this is not possible, and I know many people will decide to buy or not simply based on this. Responsive design is such a huge thing these days!

Thank you.

Mark

[Mark Melton]

[Mark Melton]

Hi. Got it! Just the way it used to be, except you now use percentages. Cool

[Wesley Wong]

Hi Mark,

Glad that you got this working.

The config docs should be updated to reflect this under the "width" and "height" configs. The width config allows you to specify "80%". However, the height cannot be relative.

Cheers,

Wesley