how to rearrange tags in a widget in AEM? - adobe

How can we re-arrange tags in a widget in AEM?
For example, I have selected multiple tags, and I want to move tags up or down based on the requirement.

As per my knowledge, tagfield do not allow sequencing (not sure if latest version support this much needed feature), so i prefer to use multifeld and each multifield has one path selector to select tag.
PS. Multifield provide ordering feature.

Related

How to disable “Transform to” option in Gutenberg custom blocks

I prepared some non-standard Gutenberg blocks.
They have a very specific purpose.
Therefore, I do not want them to have the Transform to option available.
What I found is the ability to use support: {}, but I can only disable Add to Reusable blocks there.
Can this Transform option be blocked too? I can't find any information in Block Editor Handbook
By picturing, I mean this option:
The selector getBlockTransformItems from the Block Editor's data determines which options are shown in "Transform To". If no transforms are defined in registerBlockType(), it picks the most common block that any block could be transformed to (a group or columns containing the block). If you provide your own transform, it will be displayed and not display group or columns.
At present, there doesn't seem to be a way to completely disable it, but there is an open issue on this topic on Gutenberg.

What to use: Xpath or CSS selector while scraping Linkedin?

i want to scrape Linkedins activity posts - comments, number of views and so on.
What selenium method to choose: Xpath or CSS?
I am trying to do this with Xpath but i have hmm the strange feeling that it is changing based on profile, language and chrome version.... How to do this for general usage?
Can anybody advice?
Xpath can change with the execution of javascript or can be different on different profiles. If the only chance is using xpath, then it is ok but if there is an id or special class you should use them.
In selenium, you have multiple options to select an element by id.
driver.find_element_by_id('ember87')
driver.find_element_by_xpath("//*[#id='ember87']")
And of course you can use any other css selector and generally this is the convenient way.
driver.find_element_by_css_selector("#ember87")
driver.find_element_by_css_selector("div#ember87")
Also you can use the parent element to make selection more special and more convenient.
driver.find_element_by_css_selector("#ember72>#ember87")

Is there an official complete table with all CSS properties and all possible values?

Is there an official complete table with all CSS properties and all possible values? I'm looking for all possibilities, including the latest "CSS4"/modules.
I'm looking for the all encompassing version of https://www.w3.org/TR/CSS21/propidx.html (but that one only has CSS 2.1).
This lists out all properties, but doesn't include all possible values on the same page: https://www.w3.org/Style/CSS/all-properties
Full CSS catalog with information about possible values https://websitesetup.org/wp-content/uploads/2016/10/wsu-css-cheat-sheet.pdf
And this is also great: https://www.smashingmagazine.com/2009/07/css-3-cheat-sheet-pdf/
-> PDF https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/d7fb67af-5180-463d-b58a-bfd4a220d5d0/css3-cheat-sheet.pdf
You can use the official W3 specifications. These are (mostly) respected by all major browsers.
For a more simple and user friendly but incomplete list see css-tricks almanac.
Apparently, there's no such official list.
However the current work is conveniently located in a single w3c/csswg-drafts repository (https://drafts.csswg.org/ and https://drafts.csswg.org/css-2018/ help make sense of the list) and the spec markup is designed to be machine-readable. So if you're looking for a fun way to spend a weekend and learn a bit about the CSS specifications, you can try to generate one yourself!
Alternatively, you could ask around to see if the person who maintains the script to generate https://www.w3.org/Style/CSS/all-properties is willing to share it with you.

customizing bootstrap-wysihtml5 text editor with more features

i am using bootstrap-wysihtml5 as per the recommendation & suggestion of most of the people world wide. but i am finding many of the features missing in its tool bar,like adding table,smiles, changing font name, view as a code etc.
http://jhollingworth.github.io/bootstrap-wysihtml5/
how to add and customize the toolbar so that i my it up and customize the toolbar with additional features up to my requirement.
Wysihtml5 is kept simple on purpose, to keep it lightweight. For example, as of now there is no plan to add HTML table support (See this Github issue for Wysihtml5 itself).
It is possible to include a View as HTML option, see this StackOverflow question and answer.
As mentioned in another answer, if you need more sophisticated options, you might want to look at a different editor.

Setting formatting on multiple controls in a InfoPath form at one time

I am creating a form that needs to have 30 or more fields either disabled or set to be read only. They need to be marked as such if the based on the value of a drop-down box.
This is something that I can do using conditional formating that I know, what I want to know is there a way to either add conditional formatting to multiple controls at once or a rule that I can set that will accomplish the same thing?
One requirement is that I can't use programming code to do this. I realize it would probably be far easier to do that way but that is a requirement given to me by my manager.
EDIT: Forgot to add this there are fields that still need to be edited when the other fields are read only.
One feature in InfoPath 2010 (can't remember if it was in 2007) that reduces the pain of this sort of repetitive work is the ability to copy-and-paste rules. With this you can create your read-only rule once and then just paste it onto each of the 30 controls that need it.
You could put it all in a section but your only option for sections is hide/show (not disable or read only). Otherwise you have to setup all the fields against that one dropdown. Huge pain but at least you only have to do it once.
An alternative, which is just about as much work, is to setup two views. One that is readonly and one that is normal. When the user changes the dropdown just flip the view. This method has a bunch of display nuances but does work.

Resources