AsmTweaks

asmSelect tweaks

• Collapse fieldset/tab items on double click: collapse or expand children items when double-clicking on the starting or ending asmSelect fieldset/tab item.

• Move delete button to the left: moves the delete icon to the beginning of the bar, making easier to delete items on wide screens.

• Edit field in new tab on middle click (no template context): when editing a template clicking on fields in the asmField opens up the field for editing in a modal, using the current template as the context. If this tweak is enabled you can use the middle mouse button to open the field edit page without the template context.

• Template editor: add clickable field width percentages and display divisions on width slider: this tweak will add inputfield width percentage to the right side of asmList items. Clicking on it will bring up the field edit modal opened at the Input tab where you can edit the field's width easily. The "Column width" slider of fields will get a background SVG showing the main divisions (20,30,...,90).

• Add limit to asmSelect: adds an integer input field "Max limit of items" to the "Input" tab of a field settings page. Here you can set a number that cannot be exceed when adding asmSelect items. This restriction is JavaScript only.

• Add placeholder to asmSelect: adds a text input field "Placeholder" to the "Input" tab of a field settings page. Here you can set the text that appears as a placeholder text on asmSelect fields.

• Add search box to asmSelect: improves asmSelect fields' usability by adding converting them to a searchable input control using Select2.js library. If you need to disable this feature programmatically for a field add data-no-asm-searchbox attribute to the field in question (eg. in modules or hooks).

  • Keep list open after select: do not close the options menu after selecting an item

• Show field types after name (for Fields asmSelect): appends fields' type (eg. "Textarea") and if available, the fields' inputfieldClass (eg. "CKEditor") to the fields' name in asmSelect option labels and to the rendered asmSelect bars. This way it's easier to see what type of field is behind the name, which may not reveal this info. This is available only in "Fields" asmSelects, eg. in a template edit page or in repeater matrix configuration screens. By default the field's type is rendered at the right side of the asmSelect bars, but it's removed when this tweak is enabled to avoid displaying it twice.

  • Keep search term after select: if asmSelect search box tweak is enabled this setting controls whether the typed search term should be kept after pressing Enter. If checked you can continue search where you were left off, which can be handy eg. if you prefix your field names. Works only if Keep list open after select is unchecked.

asmSelect with search box, placeholder and limit:

asmSelect with a few AsmTweaks enabled:

Template editor width divisions: