Quote from smartmedia on January 15, 2026, 1:32 pm

Hi everyone,

I’ve been experimenting with the custom-attr property in Visual Neo Web, and I realized it is a powerful gateway to standard HTML5 features that might not be immediately visible in the Properties panel.

If you want to enhance your Images, Buttons, and Inputs without writing complex JavaScript or CSS files, here is a list of useful attributes you can paste directly into the custom-attr field.

(Note: You can combine multiple attributes by separating them with a space).

1. Style & UI (Quick fixes without external CSS)

Useful for clickable images or UI elements.

• Change Cursor to Hand:
  style="cursor: pointer;"
  (Great for Images acting as buttons, so the user knows they are clickable).

• Prevent Text Selection:
  style="user-select: none;"
  (Prevents the ugly blue highlighting when a user double-clicks an image or icon).

• Quick Opacity:
  style="opacity: 0.5;"
  (Useful for creating a "disabled" look on an element).

• Rounded Corners:
  style="border-radius: 10px;"

2. Performance (Crucial for Images)

If you have a gallery or a list with many images, this is a lifesaver.

• Lazy Loading:
  loading="lazy"
  ( The browser will only load the image when the user scrolls near it. Saves bandwidth and speeds up initial load time).

3. User Experience (Tooltips & Inputs)

• Native Tooltip:
  title="Your text here"
  (Shows a small popup text when hovering over the object).

• Mobile Keyboards (For Inputs):
  inputmode="numeric"
  (Forces mobile devices to open the Number Pad instead of the full keyboard. Great for PINs or quantities).
  inputmode="email"
  (Opens the keyboard with the "@" sign ready).

• Disable Spellcheck:
  spellcheck="false"
  (Prevents red squiggly lines under names or creative text in input fields).

• Disable Autocomplete:
  autocomplete="off"
  (Prevents the browser from suggesting previous entries).

4. Functionality & Restrictions

• Read Only Input:
  readonly
  (The user can see and copy the text, but cannot type or change it).

• Disable Element:
  disabled
  (Standard HTML disable. Useful if you want to hard-lock a button or input).

• File Upload Restriction (File Input):
  accept="image/*"
  (If you use a File Input, this forces the file picker to show only Image files).
  accept=".pdf"
  (Restrict to PDFs only).

• Prevent Right-Click:
  oncontextmenu="return false;"
  (Basic protection to stop users from right-clicking to "Save Image As").

5. Accessibility (SEO & Screen Readers)

• ARIA Label:
  aria-label="Close Menu"
  (Essential for icon-only buttons so screen readers know what the button does).

---

Example Combination:
For a clickable Image that loads fast and has a tooltip:
loading="lazy" title="Start Game" style="cursor: pointer;"

Hope you find these useful! Feel free to add your own favorite attributes below.