How to Customize AEM Touch UI Timeline? - aem

I want to Customize AEM Touch UI Timeline list, Means I need to add one more value along with existing one
Anybody knows where is the code for that inside CRXDE?

If you are searching for the header level Timeline as shown in the below image
the following are the paths that you are looking for.
Selection dropdown filter
/libs/cq/core/content/projects/jcr:content/rails/timeline/items/timeline/items/filter
component
CORAL:
/libs/cq/gui/components/coral/common/admin/timeline/
and
/libs/cq/gui/components/common/admin/timeline

Related

Creating a TinyMCE plugin: How to make element selectable and editable

I'm trying to author my very first plugin for tinymce. Now, how do I make an element selectable? With the official image-plugin for example the user can click on a already inserted image, it visually gets focused and the image-plugin-button gets focused as well - see gif. Let's say I want to write a plugin that inserts a „Bootstrap Card“ which basically is just a div element. How do I make an already inserted Card selectable plus of course editable once the users clicks my new plugin button? Bonus question: ;-) Any suggestion for a comprehensive tutorial on tinymce plugin authoring?
To answer the bonus question first, there is an article on the TinyMCE blog that walks through creating your own TinyMCE plugin, with the example being an HTML to Markdown transformation
In the article, under the "Add the plugin to the editor" heading, Shahed Nasser writes the steps for adding the custom plugin button to the toolbar. Check under that heading for more information on getting the custom toolbar icon up and running.
For the Bootstrap Card item question – so it sounds like when your users select the Card, you need the following:
Focus on the existing cards in the document
Enable the ability to edit, adjust, or modify the cards in to get what they want written or expressed in the card done.
The first step would be to identify the card items. The TinyMCE.html.DOMparser API has a method that will filter for a specific node within the editor, and allow you to run a function on any nodes that match the filter. You can find the API docs here - https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.html.domparser/#addNodeFilter
That's reaching the limits of my knowledge of what to do, hopefully the docs and article help give you the first steps to get your custom plugin going.

How can I add a custom column menu tab in ag-grid?

Is there a way to add a custom column menu tab with my own favourite icon which on click would render my custom react component?
something like
myColDef.menuTabs: ['generalMenuTab', 'filterMenuTab', 'myCustomMenuTab']
FYI I'm using v12.0.2
What you're after can't be done I'm afraid. The grid supports React components in all sorts of ways (renderers, editors, filters etc), but not via the column menu.
I've updated the docs page to remove the gibberish issue - it'll be fixed properly in the next release, thanks for highlighting this.
This would be helpful to have. In particular for us, we'd like to filter based off row properties, and not row values. Creating our own tab to filter by cell colors that we have assigned with our own set of labels would be useful.
I agree that it would be a nice feature to have. Apparently, there's no quick out-of-the-box solution to do it. The only workaround I see is to implement your own custom Header component which would display any buttons your want.
There you can put a button to open your own custom menu, which you can implement as any regular UI component. It also means you'll need to manually implement all standard menu options that Ag-Grid provides out of the box if you need them.

show and hide tabs dynamically in touch ui -AEM

I have a requirement, where I need to show few tabs on selection of a value from a drop down.
I have done this in classic UI. But not sure how to proceed for Touch UI. I know that we can use JQuery, Can anyone let me know the approach I can use.
Its fairly simple, look at the OOTB List Component /libs/foundation/components/list. The selection dropdown is defined - /libs/foundation/components/list/cq:dialog/content/items/column/items/listFrom, look at property class and cq-dialog-dropdown-showhide-target these are used to manage hide and show.
Now from here look at the dropdown values under - /libs/foundation/components/list/cq:dialog/content/items/column/items/listFrom/items these values trigger the hide and show mapping to property showhidetargetvalue as in /libs/foundation/components/list/cq:dialog/content/items/column/items/setDescendants

Component without a dialog won't display in Sidekick

If a component is created, but a dialog.xml file isn't included within it, it will not show as available within the Sidekick, even if enabled in Design mode, and with a Component Group specified — why is this?
If you add a cq:editConfig node to the component it will show up in the sidekick, after being enabled in the design dialog of the parsys, without having a dialog.
As reference: http://dev.day.com/docs/en/cq/5-3/developing/components.html#Components and their structure
dialog boxes are meant for dynamically adding content to the components.
if there is no dialog box in a component there is no reason for component to display in sidekick .
u can directly hard code the component like this.
<cq:include path="par0" resourceType="/apps/...." />
Have you gone into the design portion to allow your component? I've often created a new component, and been unable to add it simply because I forgot to allow it in the design mode on that page.
EDIT
Good point - I do believe a dialog.xml file is required for it to show up in the sidekick. Otherwise you have to hard code the include of your component where you need it. I would suggest adding a dialog.xml file, even if it is only for the reason of showing it in the sidekick, so you can add it dynamically to different pages.

Joomla: How to show a different image on every page

I'm new to Joomla, but I figured out how to set it up and create my first joomla template which only includes the content area and a top menu.
Now I want to display a different images on every page.
I do not know how to do it in Joomla, because as far as I know I can only write articles (with images in them, which is not what I want) and include them in the Menu Items as Layout: Article.
Can I somehow create my own parameters for the Layout: Article and use them in my template? The cms user should be able to decide which image to show on each "page".
You can do it by means of a module. You can define for which menu position each module is visible. You can put any article inside a module with a Article as Module extension
You can find a lots of modules at http://extensions.joomla.org/ which you can install from your administrator and enable it on a position to show different images on different pages.
check this page
http://extensions.joomla.org/extensions/photos-a-images/images-rotators
Header Image
https://support.pillwax.com/open-source/doku.php?id=joomla:header_image
This allows you to place your images in a folder and name them according to the page. You can match to articleid, menuid, category, section, or even show a rotating random image.
You would then just need to publish the module in the correct position.