Quote from alangonzalez91 on July 24, 2026, 7:48 am

--------------------
-- PASS 12345 ---
---------------------

Hola, amigos. He concluido el desarrollo de UxElements v3, el cual agrega numerosas funciones para mejorar el diseño de la interfaz de usuario, otorgando nuevas capacidades visuales y transiciones de animación modernas.

Testeado en Windows 10 y VisualNEO Win 21.9.9.

El plugin proporciona una interfaz de desarrollo basada en WYSIWYG, que permite visualizar un ejemplo del resultado final y así agilizar el desarrollo.

Para más información, revisen las publicaciones anteriores de las versiones 1 y 2.

ux List

* uxListAddVisualScroll - Agrega una barra de desplazamiento al List.
* uxListRemoveVisualScroll - Elimina la barra de desplazamiento del List.
* uxListSetGroupModel - Agrega un modelo de agrupación de elementos al List, con icono y opciones de estilo.
* uxListClearGroupModel - Elimina el modelo de agrupación de elementos del List.

ux Grid

* uxGridSetGroupRule - Actualizado. Ahora permite agrupar filas en Tabs por medio de Group Rule, con múltiples opciones de diseño.
_ Si el parámetro field='' está vacío, se eliminan los Tabs o grupos del Grid.
* uxGridTabsGroupGoToTab - Permite buscar o enfocar un Tab en el Grid y mostrar sus filas.
* uxGridAddColumnSwitcher - Permite agregar a un Grid un selector de columnas para visualizar, con múltiples opciones de diseño.
* uxGridClearColumnSwitcher - Elimina el selector de columnas.
* uxGridSetItemMenu - Permite agregar un menú dinámico al seleccionar una fila o mediante un icono Launcher, con múltiples opciones de diseño.
_ Si el icono Launcher está vacío, en modo Bar Dropdown aparecerá al seleccionar una fila y, en modo Float Menu, aparecerá al presionar el botón derecho del mouse.
_ Si el parámetro de la variable de retorno está vacío, se elimina el menú del Grid.
* uxGridAddPagination - Permite agregar un sistema de paginación al Grid visualizado. Además, permite modelar el texto informativo y admite múltiples opciones de diseño.
* uxGridClearPagination - Elimina la paginación del Grid.

ux UI

* uxAddResizeBorder - Otorga la capacidad de redimensionar objetos mediante grips en los bordes indicados, con múltiples opciones de diseño y efectos.
* uxClearResizeBorder - Elimina la propiedad de redimensionamiento del objeto indicado.
* uxResizeBorderMinWidth - Establece un nuevo Min Width para un objeto que ya tenga aplicado ResizeBorder.
* uxResizeBorderMinHeight - Establece un nuevo Min Height para un objeto que ya tenga aplicado ResizeBorder.
* uxAddMoveBar - Muestra una barra que permite mover objetos durante la ejecución, con múltiples opciones de diseño y efectos.
* uxClearMoveBar - Elimina la barra de movilidad del objeto indicado.
* uxAddBadge - Muestra un badge o balloon sobre el objeto indicado, con múltiples opciones de diseño y efectos.
* uxClearBadge - Elimina el badge del objeto indicado.
* uxBadgeSetText - Cambia el texto del badge o balloon asignado.
* uxShowToastMsg - Muestra un mensaje tipo tostada, con o sin icono de ArialVNIcons. Permite posicionarlo en seis áreas diferentes y cuenta con múltiples opciones de diseño y efectos.
* uxShowPopupValueList - Basado en dbpPopupValueList, con mejoras de personalización, efectos y múltiples datos para retornar.

ux UI AutoTheme Options

* uxButtonThemeOptions - Configura un tema específico para Buttons, que permanece en memoria hasta que vuelva a configurarse.
* uxButtonThemeOptionsInVar - Configura un tema específico para Buttons y lo deposita en una variable.
* uxTextThemeOptions - Configura un tema específico para Text, renderiza iconos de ArialVNIcons y permite el desplazamiento. La configuración permanece en memoria hasta que vuelva a modificarse.
* uxTextThemeOptionsInVar - Configura un tema específico para Text y lo deposita en una variable.
* uxTextEntryThemeOptions - Configura un tema específico para TextEntry, que permanece en memoria hasta que vuelva a configurarse.
* uxTextEntryThemeOptionsInVar - Configura un tema específico para TextEntry y lo deposita en una variable.
* uxCheckboxThemeOptions - Configura un tema específico para CheckBox, que permanece en memoria hasta que vuelva a configurarse.
* uxCheckboxThemeOptionsInVar - Configura un tema específico para CheckBox y lo deposita en una variable.

(In Var permite almacenar y reutilizar temas)

ux UI AutoTheme Render

* uxAddButtonTheme - Agrega el tema configurado a un Button indicado, según la configuración establecida en ThemeOptions.
* uxAddTextTheme - Agrega el tema configurado a un Text indicado, según la configuración establecida en ThemeOptions.
* uxAddTextEntryTheme - Agrega el tema configurado a un TextEntry indicado, según la configuración establecida en ThemeOptions.
* uxAddCheckboxTheme - Agrega el tema configurado a un CheckBox indicado, según la configuración establecida en ThemeOptions.
* uxAddThemeAll - Renderiza los elementos que se encuentran en pantalla en ese momento.
* uxAddThemeSelection - Prerenderiza los elementos y luego los instala.
* uxAddThemeContainer - Renderiza dinámicamente los elementos al visualizar el Container activo.
* uxClearThemeAll - Elimina los renders de toda la aplicación.
* uxClearThemeSelection - Elimina los renders de la selección indicada.
* uxClearThemeContainer - Elimina los renders del Container seleccionado.

Mejoras en Buttons mediante renderizado Direct2D

* Estilizado automático tomando los valores de diseño del propio Button.
* Renderizado práctico de esquinas redondeadas, bordes, sombras con elevación, gradientes y efecto Hover automático.
* Ocho efectos Ripple automáticos.
* Efecto Fade automático al realizar cambios dinámicos en el Caption mediante variables.

Mejoras en Text mediante renderizado Direct2D

* Estilizado automático tomando los valores de diseño del propio Text.
* Detección automática del formato RTF.
* Renderizado práctico de esquinas redondeadas, bordes, sombras con elevación y gradientes automáticos.
* Efectos de transición de tipo Lazy.
* Capacidad para agregar una ScrollBar.
* Capacidad de desplazamiento del texto mediante clic y arrastre, con efecto cinético.
* Renderizado automático de iconos de ArialVNIcons.

Mejoras en CheckBox mediante renderizado Direct2D

* Múltiples diseños del selector, incluyendo Toggle y Switch.
* Efectos de transición para los cambios de estado.
* Efectos de transición para el tipo Toggle.
* Seguimiento de variables para realizar cambios de estado automáticos.
* Capacidad para cambiar el color del selector.

Mejoras en TextEntry mediante renderizado Direct2D

* Múltiples diseños modernos de TextEntry.
* Capacidad para agregar un icono de referencia de ArialVNIcons.
* Cuatro tipos de formato: Underlined, Outlined, Solo y Classic.
* Tres tipos de Caption: As AppendIcon, As PrependIcon y MiniTitle Top.
* Renderizado práctico de esquinas redondeadas, bordes, sombras con elevación y efecto Hover automático.

ENGLISH

Hello, friends. I have completed the development of UxElements v3, which adds numerous features to improve user interface design by providing new visual capabilities and modern animation transitions.

Tested on Windows 10 and VisualNEO Win 21.9.9.

The plugin provides a WYSIWYG-based development interface that allows you to preview the final visual result and speed up the development process.

For more information, please review the previous posts about versions 1 and 2.

uxList

• uxListAddVisualScroll - Adds a scroll bar to the List.
• uxListRemoveVisualScroll - Removes the scroll bar from the List.
• uxListSetGroupModel - Adds an item grouping model to the List, with an icon and style options.
• uxListClearGroupModel - Removes the item grouping model from the List.

uxGrid

• uxGridSetGroupRule - Updated. It now allows rows to be grouped into Tabs using Group Rule, with multiple design options.
  _ If the field='' parameter is empty, the Tabs or groups are removed from the Grid.
• uxGridTabsGroupGoToTab - Allows you to search for or focus on a Tab in the Grid and display its rows.
• uxGridAddColumnSwitcher - Adds a column selector to a Grid, allowing users to choose which columns are displayed, with multiple design options.
• uxGridClearColumnSwitcher - Removes the column selector.
• uxGridSetItemMenu - Adds a dynamic menu when a row is selected or through a Launcher icon, with multiple design options.
  _ If the Launcher icon is empty, in Bar Dropdown mode the menu will appear when a row is selected. In Float Menu mode, it will appear when the right mouse button is pressed.
  _ If the return variable parameter is empty, the menu is removed from the Grid.
• uxGridAddPagination - Adds a pagination system to the displayed Grid. It also allows the information text to be customized and supports multiple design options.
• uxGridClearPagination - Removes pagination from the Grid.

ux UI

• uxAddResizeBorder - Allows objects to be resized through grips located on the specified borders, with multiple design options and effects.
• uxClearResizeBorder - Removes the resizing property from the specified object.
• uxResizeBorderMinWidth - Sets a new Min Width for an object that already has ResizeBorder applied.
• uxResizeBorderMinHeight - Sets a new Min Height for an object that already has ResizeBorder applied.
• uxAddMoveBar - Displays a bar that allows objects to be moved at runtime, with multiple design options and effects.
• uxClearMoveBar - Removes the movement bar from the specified object.
• uxAddBadge - Displays a badge or balloon over the specified object, with multiple design options and effects.
• uxClearBadge - Removes the badge from the specified object.
• uxBadgeSetText - Changes the text of the assigned badge or balloon.
• uxShowToastMsg - Displays a toast-style message, with or without an ArialVNIcons icon. It can be positioned in six different areas and includes multiple design options and effects.
• uxShowPopupValueList - Based on dbpPopupValueList, with improved customization, effects, and support for returning multiple data values.

ux UI AutoTheme Options

• uxButtonThemeOptions - Configures a specific theme for Buttons, which remains in memory until it is configured again.
• uxButtonThemeOptionsInVar - Configures a specific theme for Buttons and stores it in a variable.
• uxTextThemeOptions - Configures a specific theme for Text, renders ArialVNIcons icons, and supports scrolling. The configuration remains in memory until it is changed again.
• uxTextThemeOptionsInVar - Configures a specific theme for Text and stores it in a variable.
• uxTextEntryThemeOptions - Configures a specific theme for TextEntry, which remains in memory until it is configured again.
• uxTextEntryThemeOptionsInVar - Configures a specific theme for TextEntry and stores it in a variable.
• uxCheckboxThemeOptions - Configures a specific theme for CheckBox, which remains in memory until it is configured again.
• uxCheckboxThemeOptionsInVar - Configures a specific theme for CheckBox and stores it in a variable.

ux UI AutoTheme Render

• uxAddButtonTheme - Applies the configured theme to the specified Button, according to the settings defined in ThemeOptions.
• uxAddTextTheme - Applies the configured theme to the specified Text, according to the settings defined in ThemeOptions.
• uxAddTextEntryTheme - Applies the configured theme to the specified TextEntry, according to the settings defined in ThemeOptions.
• uxAddCheckboxTheme - Applies the configured theme to the specified CheckBox, according to the settings defined in ThemeOptions.
• uxAddThemeAll - Renders the elements currently displayed on the screen.
• uxAddThemeSelection - Pre-renders the elements and then installs them.
• uxAddThemeContainer - Dynamically renders the elements when the active Container becomes visible.
• uxClearThemeAll - Removes all renders from the entire application.
• uxClearThemeSelection - Removes the renders from the specified selection.
• uxClearThemeContainer - Removes the renders from the selected Container.

Button improvements using Direct2D rendering

• Automatic styling based on the design values of the Button itself.
• Easy rendering of rounded corners, borders, elevation shadows, gradients, and automatic Hover effects.
• Eight automatic Ripple effects.
• Automatic Fade effect when dynamically changing the Caption through variables.

Text improvements using Direct2D rendering

• Automatic styling based on the design values of the Text object itself.
• Automatic RTF format detection.
• Easy rendering of rounded corners, borders, elevation shadows, and automatic gradients.
• Lazy-style transition effects.
• Ability to add a ScrollBar.
• Ability to scroll text by clicking and dragging, with a kinetic scrolling effect.
• Automatic rendering of ArialVNIcons icons.

CheckBox improvements using Direct2D rendering

• Multiple selector designs, including Toggle and Switch.
• Transition effects for state changes.
• Transition effects for the Toggle type.
• Variable tracking for automatic state changes.
• Ability to change the selector color.

TextEntry improvements using Direct2D rendering

• Multiple modern TextEntry designs.
• Ability to add an ArialVNIcons reference icon.
• Four format types: Underlined, Outlined, Solo, and Classic.
• Three Caption types: As AppendIcon, As PrependIcon, and MiniTitle Top.
• Easy rendering of rounded corners, borders, elevation shadows, and automatic Hover effects.