PageBuilder Field Auto Resize Images

The field type PageBuilderFieldImage extends the default file field type and adds Resize options.

When you create PageBuilder Add-ons and authorize the Upload of images it can be handy to set a Max width and Max Height for the image files.

When a user uploads an 8 megapixel image to a web site you can fix the size to 600px width and the PageBuilderFieldImage will automatically resize the image to 600px using the GD library.

In the WebIDE when adding a field you will find this field type as: PB Image Upload

Example of Registry Source:

  <rfield name="my_image">
    <rdata type="fieldtype">PageBuilderFieldImage</rdata>
    <rdata type="label">My Image</rdata>
    <rdata type="max_width">600</rdata>
    <rdata type="max_height">450</rdata>
    <rdata type="showpicture">1</rdata>
    <rdata type="picture">images/</rdata>
    <rdata type="overwrite">yes</rdata>
  </rfield>

Field Type options

if the uploaded picture is bigger than max_width or max_height it will resize accordingly.
overwrite if an image with the same name already exists on the server it will be overwritten.
picture is the path where the image files are uploaded. (required).