Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Image multifield using Coral ui3

vasudevaraog731
Level 3
Level 3

Hi,

I have tried to use the Image inside a mutifield in-order to accommodate a  Gallery(Set of 5-10 images) using Coral ui3 multifield

How ever i am not able to submit the dialog as throwing below error.Is there any references(examples) used only Coralui3 with out using Coralui2/acs-commons.

Below is the Screen shot reference for the same which used inside multifield?Any OOTB component with only Coral ui3?

1582638_pastedImage_0.png

1582652_pastedImage_1.png

1582653_pastedImage_2.png

1 Accepted Solution
smacdonald2008
Correct answer by
Level 10
Level 10

See this article and video. It shows you how to use images within a component that uses a multi-field. You can see for each section in the multi-field - an image is successfully rendered in the web page.

Scott's Digital Community: Creating a HTL Repeating Data Set 6.4 Component that uses Sling Models

This article shows use of Sling Models too.

View solution in original post

4 Replies
smacdonald2008
Correct answer by
Level 10
Level 10

See this article and video. It shows you how to use images within a component that uses a multi-field. You can see for each section in the multi-field - an image is successfully rendered in the web page.

Scott's Digital Community: Creating a HTL Repeating Data Set 6.4 Component that uses Sling Models

This article shows use of Sling Models too.

View solution in original post

vasudevaraog731
Level 3
Level 3

Hi,

In this use case used the path browser to pick the image not using File upload to drag and drop the image.

I am expecting a drag and drop option for author from side-kick to a multifield component which not implemented any where in OOTB functionality. Is it a customization issue or any other issues with coral ui3 for file upload for images?

smacdonald2008
Level 10
Level 10

A better practice is to use the Touch UI to get the images into the DAM.

Managing Assets with the Touch-Optimized UI

Then use the granite/ui/components/coral/foundation/form/pathfield. - as shown in the article - to reference the given images in a multi field. There is no issues when following this approach.