Adjusting height of WYSIWYG contens box

  • Resolved int3rc3ptor

    (@int3rc3ptor)


    7 years, 10 months ago

    Hi,

    I’ve been given a requirement to make a WYSIWYG box higher on one of our forms.

    Currently it’s being rendered with an inline height

    <div id=”cke_1_contents” class=”cke_contents cke_reset” role=”presentation” style=”height: 200px;”>

    Is there anyway to override this? Or is there a setting for it somewhere I can change? Ideally just need it to happen on one of our forms.

    Hoping I’m not being an idiot and missing something very obvious here

    Thanks for any help

    Best regards

    Darren

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author ovann86

    (@ovann86)

    Hey,

    No, you haven’t missed anything – there isnt an option at the moment to set the default height of the editor. I would also be wary of doing this in any of my froms a design and user experience perspective … unless you can 100% control what browsers, devices and screen sizes your end users will be using. That is, if you end up making the editor that stretches ‘across the fold’ or if the user is using a touch screen device things might be strange.

    That being said I can add an option so you can set the default height of the editor, e.g. set it to start at 800px instead of the 200px.

    What I can’t do is let you choose it on a per-form or per-field basis — it looks like I started work on this several months ago but havent got it working properly yet.

    I’ll try pushing out an update shortly with this option. Please let me know how you go with it.

    Thread Starter int3rc3ptor

    (@int3rc3ptor)

    Hello,

    Thank you for that, we’re using the WYSIWYG primarily on fields that requires a lot of input so my idea was just to double it to something like 400px, so it doesn’t look too big but gives the impression to the users that they have a bit of space to type into.

    No worries on the per-form, per field basis from our perspective, we’re going through an exercise now of ensuring elements look consistent across pages, so I’d be inclined to keep quiet about letting our team know even if you can released it ha ha.

    Thanks I’ll check up the update and feed back if I find anything

    Thanks again for your help! Much appreciated

    Best regards

    Darren

    Plugin Author ovann86

    (@ovann86)

    Hey,

    Having seen this in action I’ve had a change of heart and think this is a great improvement for my form users. My CKEditor fields are normally around 8000 characters, so I’ve bumped it up to 400 px high and I think it’ll make things easier for them.

    One thing though … I dont think the same height should apply to CKEditor when in the form editor (if you have that enabled). Do agree or have any issues if I make it a static 200 px in the form editor?

    Thread Starter int3rc3ptor

    (@int3rc3ptor)

    Hi,

    Have updated and all works fine and the height does look much better in situ.

    I’d definitely say keep it to 200px in the form editor, seems an overkill personally to go to that much detail over customising it.

    Thanks again for your help!!

    Cheers

    Darren

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Adjusting height of WYSIWYG contens box’ is closed to new replies.