Uploaded image for project: 'PUBLIC - Liferay Documentation'
  1. PUBLIC - Liferay Documentation
  2. LRDOCS-7370

Set max width for img element in Fragment editable image

    Details

    • Type of Documentation:
      Developer: Reference

      Description

      When creating an image editable, it's better to set a maximum width to the img element, this way you are sure that, the editable would behave correctly in case the user set an image with very big resolution, for doing so, add the class "w-100" to the img element

      Example:

      <div class="">
          <lfr-editable id="image-square" type="image">
              <img alt="Responsive Image" class="w-100" />
          </lfr-editable>
      </div>
      

        Attachments

          Activity

            People

            Assignee:
            cody.hoag Cody Hoag
            Reporter:
            cody.hoag Cody Hoag
            Subject Matter Expert:
            Victor Galan
            Participants of an Issue:
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:

                Zendesk Support

                  Packages

                  Version Package
                  7.2.x