Expand my Community achievements bar.

Submissions are now open for the 2026 Adobe Experience Maker Awards.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

SOLVED

How to render a widget on page as editable like inplace editor by default?

Avatar

Level 4

Hi,

How to render a widget on page as editable like inplace editor. But without clicking on the component.

or

How to call xtype in jsp and render as normal html input tags with extjs features?.

any help?

thanks in advance.

1 Accepted Solution

Avatar

Correct answer by
Level 10

An xtype is based on:

http://www.sencha.com/products/extjs/up-and-running

You can write a custom JSP that uses these JS widgets in the JSP (not just the dialog of a component).

Once on the JSP - it will be rendered to the end user. We have examples of rendering JQuery Widgets (for example - a GRID widget) on an AEM page. For example:

http://helpx.adobe.com/experience-manager/using/using-ajax-requests-display-cq.html

So instead of rendering a JQuery widget, you can use a EXTJS type in a page. 

View solution in original post

2 Replies

Avatar

Correct answer by
Level 10

An xtype is based on:

http://www.sencha.com/products/extjs/up-and-running

You can write a custom JSP that uses these JS widgets in the JSP (not just the dialog of a component).

Once on the JSP - it will be rendered to the end user. We have examples of rendering JQuery Widgets (for example - a GRID widget) on an AEM page. For example:

http://helpx.adobe.com/experience-manager/using/using-ajax-requests-display-cq.html

So instead of rendering a JQuery widget, you can use a EXTJS type in a page. 

Avatar

Level 7

Hi,

I think you can use OOtB form components. Refer: http://docs.adobe.com/docs/en/cq/current/developing/developing-forms.html

Thanks,

Arya.