I am pretty new in CQ5. I am using CQ version 5.6. I have to build a form with following features
1. Start Date
2. End Date
3. Customer Name
4. Gender
5. URL
I am using CQ5 form component for the same. For features 3,4 and 5 I am using text-field, radio buttons and Link component from sidekick. However for 1 and 2 (dates) I am not sure what to do. I am looking for a datepicker kind of an option but I am not finding them in the form components group. Is there any way to add such a component?
Yes there is the CQ.form.DateTime widget. It is available as datetime xtype.
But it is not available through the sidekick, because the datewidget is not a component but an ExtJs widget which can be included into a component dialog through a simple xtype include.
Making it available through the sidekick requires to create a simple "date and time" component with the datetime widget in the component's dialog definition.
The author-summary component in the geometrixx-media example project is a good example as it's dialog definition uses the datetime widget to render the publishing date and time. Just check out /apps/geometrixx-media/components/author-summary/dialog/items/publishedDate via vlt or access the path through crxde.
https://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html?class=CQ.form.DateTime provides you the full documentation for this widget.
Related
Is there any way to customize IonSelect component, or to create some custom component which contains search box inside (on top of) it?
There is one ionic component IonSelectable for angular and this is exactly what I need in react typescript as well.
Here is link to installation and example: https://www.npmjs.com/package/ionic-selectable for this component. Here is also a link to github repo: https://github.com/eakoriakin/ionic-selectable.
Here is the picture how it looks like, and it is pretty amazing:
Does anyone know if something same/similar already exist for react typescript? Or, is there any one to create/solve this?
am having a requirement to use a common content in all the pages. So I decided to use the reference component in AEM. I have created a new page and authored the content. How can this content can be used in the templates, so that it will appear in all pages without re-authoring.
As you are using AEM 6 version, you can utilize the concept of design dialogs in components in static templates. You create a component, add design dialog and choose the fields in the design dialog, which once is authored will reflect in all pages created with that template.
The only activity you have to do while authoring is, you need to add and author the component in a page created with specific template.
If you are using the AEM 6.3 or more, Experience Fragments can be used, you can configure the experience fragment in the template and can be seen across all the pages.
You can use the experience fragment in individual pages as well.
https://docs.adobe.com/content/help/en/experience-manager-learn/sites/experience-fragments/experience-fragments-feature-video-use.html
I am working on creating a component with both a dialog and a design_dialog. In the design_dialog, I am using a pathfield widget to allow a designer to select a root path. In the dialog, I am trying to use another pathfield widget to allow the author to select a page under the path that was selected by the designer in the design dialog. (Basically I am trying to set the rootPath property of the widget in the dialog to equal the path the designer chose in the design_dialog.) It seems like it should be something simple to do, but I'm having no luck. Any help or pointers would be greatly appreciated.
Adobe AEM uses ExtJS for the widgets (in Classic mode).
Here is a resource to get you started:
http://docs.adobe.com/docs/en/cq/5-6-1/developing/widgets.html
Here is the API doc:
http://docs.adobe.com/docs/en/cq/5-6/widgets-api/index.html
And maybe have a look at this: http://labs.sixdimensions.com/blog/2014-04-07/cq-dialog-dynamically-generate-rootpath/
I am developing components for CQ5 and wish to control them so that component A is only displayed in the sidekick if the page is of template T_A, and components B and C are only visible if the page is of type template T_B, however I have so far not been able to find a set of properties to allow this.
Does anyone know of any way to achieve this functionality?
I am also able to retrieve the page template in code via the use of
currentPage.getProperties().get("cq:template", "").equals(MyTemplate) however, once I have not been able to find a way to control sidekick component visibility.
I have also attempted variation on Disabling The Components Tab, however this too has met with no success (even at the level of disabling the entire components tab).
This feature is baked into CQ5 and requires no special coding. The general way of controlling what components are visible in the side kick (specially what components are allowed for a given parsys) is controlled via a design. The remainder of my answer is based on the assumption that you have no special requirement other than controlling what components are allowed for a parsys (i.e no run time requirements).
The components (or component groups) allowed for a parsys are stored in the design of the site . You can control this behavior by editing the design dialog of the parsys.
The steps for achieving this are as follows
Go to design mode by clicking on the ruler icon at the bottom of the side kick
Click on edit button of the required parsys
Check the components required from the allowed component list
The allowed components are stored on per template basis. Since this data is stored in a design , all the pages must have the same design. The design must be exported too, for this to work across instances [ref : https://stackoverflow.com/questions/17049259/limiting-allowed-components-in-a-template-in-cq5
]
I'm looking for a UI widget for GWT that will allow a date range to be selected, preferably disallowing future dates. Having two date pickers isn't terribly user friendly, but I haven't seen anything better out there.
One like this would be great:
https://demo.reztrip.com/
GWT by default has no such widget. There are only few relevant libraries to explore to pick of ideas -
Sencha ( GWT based widgets )
Vaadin ( GWT based widgets )
SmartGWT ( GWT JSNI wrappers on js widgets )
Jquery/GwtQuery plugin - ( GWT rewrite of JQuery, You would probably need to do plugin port)
I have not found any third party open source libs with Serious User Interaction Design that stands out.
That leaves you to design your own widget. You can start by looking up Google Analytics, Google Flight and other Google's GWT based products.
You can create a popup for creating the interval. At first click, use is asked to choose a date and remove/hide that screen and show another screen in popup asking for second date to select an interval and once you have both the values, you can work that interval in your program