This forum has moved to a new location and is in read-only mode. Please visit talk.octobercms.com to access the new location.

  1. Forum
  2. Guides / Resources
  3. [HOWTO] Reponsive image in backend fileupload widget
Tschallacka
Tschallacka

Sometimes for reasons arcane you need a responsive file upload widget in the backend. Defining widths with px is oldschool anyways.

For those who wish to dabble in the arcane arts of responsiveness

cover_image:
       type: fileupload
       mode: image
       imageWidth: 100% /*
       imageHeight: h*/;height:auto /*

it turns into

style="width: 100% /*px;height: h*/;height:auto /*px;"

as you can see, this turns it into a proper css with comments that is nice and relative :-)

 width: 100% /*px;height: h*/;
 height:auto /*px;

Please note this isn't a perfect solution. The + widget does get nice and responsive, the image when uploaded behaves a bit quirky.

Last updated

1-1 of 1

You cannot edit posts or make replies: the forum has moved to talk.octobercms.com.