Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
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.