Level 5

Solved

AEM 6.4 Connect java file with HTML File

13 replies
6725 views
Translate

I've been reading quiet a few but still am not able to get it done.

Current Java code:

html code

Folder Structure:

I'm trying to read metadata (specifically) size of image in java and load it back to html.

- I get my image via ${properties.fileReference}

- I prefer Local, but By bundle is alright as long as explained.

------------------------------ WORKFLOW: ---------------------------------

- Add image via

- get file via ${properties.fileReference}

- process in Java (local) (both sounds good too)

- return width and height to .html. (ex. <div> ${javaClass.width} - ${javaClass.height} </div>

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

smacdonald2008Accepted solution

Level 10

See this document - we cover Granite Resource types and cover concepts like HTL/Sling Models:

Building Experience Manager Components using Granite/Coral Resource Types

I recommend that you go through the whole document too as it explains a lot of AEM Component concepts.

Also - I recommend placing your Java into a bundle - not a file in CRXDE lite.

Karl515Author

Level 5

Thanks. I'll read that after I'm done with this image metadata cheers!

Translate

Gaurav-Behl

Level 10

Not sure but try these -

Option#1: aem-touch-ui-validation/pathbrowser.html at master · nateyolles/aem-touch-ui-validation · GitHub

<pathbrowserD
	jcr:primaryType="nt:unstructured"
	sling:resourceType="granite/ui/components/foundation/form/pathbrowser"
	fieldLabel="Required and allow non existing path"
	fieldDescription="Try entering an external URL"
	rootPath="/content/aem-touch-ui-validation"
	required="{Boolean}true"
	allowNonRootPath="{Boolean}true"
	allowNonExistingPath="{Boolean}true"
	name="./pathbrowserD"/>

If this doesn't suffice, then write custom code to forcefully delete the chosen path that doesn't belong to the restricted folder and display message to let user know pick the specific path only:

Option#2:

AEM Touch UI Dialog Validation New Best Practice: Use Foundation-Validation

Translate

Karl515Author

Level 5

Ok thanks!

Here another, how do you restrict the path item?

So that user is restricted to a certain folder only.

Thanks!

Translate

smacdonald2008

Level 10

Granite types with coral in them are latest ones. Always use the latest ones on 6.4.

Translate

Karl515Author

Level 5

Update, I got to work. after I installed the complete package then doing the steps again. Maybe I was missing some coral component reference the first time.

Translate

Karl515Author

Level 5

@smacdonald2008

What's the difference between sling:resourceType that has Coral and the once that are without? btw, I've tested the link and found an error

Number 8 seems like a typo to me.

and followed the instructions carfully to number 34 yet it doesn't seem to reflect.

textfield and textarea doesn't reflect.

Translate

Karl515Author

Level 5

Thanks. will do the reading.

Translate

Karl515Author

Level 5

@gauravb10066713 I did use "data-sly-use.hero" and that's sufficient according to this link. HTL Java Use-API

Translate

smacdonald2008

Level 10

Just tested the package that is available with the Sling Model section and it works perfectly.

Translate

smacdonald2008Accepted solution

Level 10

See this document - we cover Granite Resource types and cover concepts like HTL/Sling Models:

Building Experience Manager Components using Granite/Coral Resource Types

I recommend that you go through the whole document too as it explains a lot of AEM Component concepts.

Also - I recommend placing your Java into a bundle - not a file in CRXDE lite.

Translate

Show more replies

What's the difference between sling:resourceType that has Coral and the once that are without? btw, I've tested the link and found an error

Sign up

Login with SSO

Login to the community

Login with SSO