UNIDSA es una paleta de componentes innovadora desarrollada específicamente para mejorar y extender las capacidades de Unigui en Delphi . Compuesta de herramientas altamente personalizables, esta paleta tiene como objetivo ofrecer soluciones más elegantes y efectivas para la construcción de interfaces de usuario modernas.
Componentes disponibles
Tunidsaqrcoderader tunidsaconfirm tunidsatoast tunidsamenlateral tunidsalogin
Este es un componente avanzado desarrollado para aprovechar el poder de HTML5 en la lectura de una amplia gama de códigos de barras y códigos QR **. Diseñado para ser altamente flexible, TunidsaqrCodereader ofrece a los desarrolladores la capacidad de personalizar exactamente qué tipos de códigos desean leer, así como la opción de elegir el dispositivo de lectura específico.
| Tipo | Descripción |
|---|---|
| QR_CODE | Permite la lectura de códigos QR predeterminados. |
| azteca | Soporte de lectura de códigos aztecas |
| Codabar | Identifica y lee códigos de Codabar |
| Code_39, code_93, code_128 | Lectura completa de los códigos de código, que cubre las variaciones 39, 93 y 128. |
| Data_matrix | Calificado para reconocer e interpretar códigos de matriz de datos. |
| Maxico | Soporte para códigos Maxicode. |
| ITF | Compatible con los códigos intercalados 2 de 5 (ITF). |
| Ean_13, ean_8 | Lectura de códigos EAN, incluidas las variaciones 13 y 8. |
| PDF_417 | Soporte de códigos PDF417. |
| Rss_14, rss_expanded | Calificado para códigos RSS, tanto en la versión 14 como en la versión ampliada. |
| UPC_A, UPC_E, UPC_EAN_EXTENSION | Compatible con variaciones UPC, incluidas las extensiones de EAN. |
Selección del tipo de código: los desarrolladores tienen la libertad de marcar o desmarcar códigos de lectura específicos de acuerdo con las necesidades de su aplicación.
Elección del dispositivo: proporciona la opción de seleccionar el dispositivo de lectura específico, asegurando una mayor versatilidad en la captura de los códigos.
Imagen ilustrativa, porque el componente puede tener opciones de personalización ...
TunidSaconFirm sirve para crear y administrar ventanas de diálogo modal para confirmaciones, alertas y indicaciones, según el complemento disponible en jQuery-Confir. Este componente proporciona una amplia gama de propiedades y métodos que permiten una personalización detallada de las ventanas de diálogo, que abarca el contenido que se muestra a los aspectos estéticos y funcionales de la ventana.
General :
Title define el título de la ventana de diálogo.Content define el contenido principal de la ventana de diálogo.Icon le permite definir un icono para la ventana de diálogo.Theme define el tema de la ventana, permitiendo la personalización estética.Control de la ventana:
Draggable si la ventana se puede arrastrar.Contenido:
ContentFile le permite cargar el contenido de la ventana desde un archivo externo.SmoothContent permite una transición suave al contenido.Botones:
Buttons definen los botones disponibles en la ventana de diálogo.OnButtonClick impulsado por hacer clic en un botón.Animaciones:
Animation define el tipo de animación utilizada al abrir y cerrar la ventana.TypeAnimated define si la ventana se animará al cambiar el tipo.Diseño y estilo:
BoxWidth define el ancho de la ventana.ColumnClass TitleClass le permite definir clases personalizadas para diferentes elementos de la ventana.Eventos:
OnOpen , OnClose , OnDestroy , OnAction , OnContentReady Varios eventos que permiten un control detallado del ciclo de vida de la ventana de diálogo.Otras propiedades:
Type define el tipo de ventana de diálogo (confirmar, alerta, etc.).UseBootstrap define si Bootstrap se usará para la estilización.RTL permite el soporte de idiomas escritos de derecha a izquierda.Métodos públicos:
Show Muestra la ventana de diálogo.Alert , Dialog , Prompt , Confirm ventanas de diálogo Mostrar con características predefinidas para diferentes fines.Clear y ClearEvents para la limpieza de propiedades y eventos asociados con la ventana. Imagen ilustrativa, porque el componente puede tener opciones de personalización ...
Tunidsatoast es una clase que representa una notificación simple y breve, a menudo utilizada para proporcionar comentarios a los usuarios sobre una acción o evento en una aplicación. Basado en el complemento jQuery-Tast-Plugin, este componente le permite crear notificaciones de tostadas estilizadas y personalizadas para aplicaciones unigui desarrolladas en Delphi.
Propiedades y métodos principales:
General:
Text define el texto principal de la notificación.Heading define el encabezado o el título de la notificación.Icon define un ícono para la notificación. Se pueden usar diferentes iconos para indicar el tipo o importancia de la notificación.Comportamiento:
ShowHideTransition determina el tipo de transición utilizado al mostrar o ocultar la notificación.HideAfter Define el tiempo (en milisegundos) después de lo cual la notificación se ocultará automáticamente.AllowToastClose Si puede, permita a los usuarios cerrar la notificación manualmente.Stack define cuántas notificaciones se pueden mostrar simultáneamente.Estilo y apariencia:
BgColor define el color de fondo de la notificación.TextColor define el color del texto de la notificación.TextAlign define la alineación del texto en la notificación.Position define la posición en la pantalla donde aparecerá la notificación.Loader especifica el tipo y el comportamiento del cargador que se muestra en las notificaciones.Eventos:
OnBeforeShow activado antes de que se muestre la notificación.OnAfterShown activado después de que se muestra la notificación.OnBeforeHide activado antes de que la notificación esté oculta.OnAfterHidden activado después de que la notificación se oculta.Métodos públicos:
Show Muestra la notificación con las propiedades definidas.Clear limpia la notificación actual.Reset Restablecer la notificación para sus valores predeterminados.El componente Tunidsatoast proporciona una forma flexible y elegante de proporcionar comentarios a los usuarios sin ser intrusivos. Al usar este componente en proyectos de Delphi con UNIGUI, los desarrolladores pueden mejorar significativamente la experiencia del usuario, proporcionando notificaciones contextuales relevantes en respuesta a diversas acciones y eventos.
Imagen ilustrativa, porque el componente puede tener opciones de personalización ...
Este es un componente que representa un menú lateral, comúnmente utilizado en aplicaciones web para proporcionar navegación y opciones adicionales, generalmente ubicadas en el lado izquierdo o derecho de la página.
Propiedades y métodos principales:
General:
Logo : controla la apariencia y el comportamiento del logotipo en la parte superior del menú.UrlImage define la imagen del logotipoCompanyName define el nombre del cliente/empresaSearch : permite la investigación dentro del menú.Icon define el ícono del área de investigación.TextPrompt define el texto informativo que se mostrará en el área de investigación, "búsqueda" estándar ...AutoComplete Habilitar o deshabilitar la sugerencia con bases en los textos ya utilizados.Visible define si se mostrará la búsqueda.SearchText Texto buscado por el usuario.Theme define el tema visual del menú.TitleLeft izquierdo Título del tema.TitleRight Título del tema a la derecha.StyleLeft del tema a la izquierdaStyleRight del tema correctoVisible Define si será visible para el usuario la opción de cambiar temasMenu : controla elementos individuales dentro del menú.Icon define el icono del menú (Font Awesome 5.15.4)CaptionNotificationCount cuando se mostrará más de 0 junto al menú el número de notificaciones.Visible Define si el menú será visible.Enabled define si el menú estará activoHidden define si el menú será visible manteniendo el lugar.Separator define que el menú será un separador de menúHint Descripción del menú Al pasar el mouse.OnClick activado al hacer clic en el menúOnClickNotification impulsado haciendo clic en la notificación del menú.OnClickRef activado al hacer clic en el menú (utilizado en tiempo de ejecución)OnClickNotificationRef activado al hacer clic en la notificación del menú (utilizado en tiempo de ejecución)Profile le permite mostrar información de perfil, como nombre de usuario o imagen, en el menú.Name del sistema del sistemaEmail Correo electrónico del usuarioImageURLVisible indica si el perfil de usuario será visible.Style controla el estilo visual general del menú.PaddingTop similar a CSS Padding-Top. Define el espacio interno en la parte superior del elemento.PaddingLeft similar a CSS Padding-izquierda. Define el espacio interno a la izquierda del elemento.PaddingRight similar a CSS Padding-Right. Define el espacio interno a la derecha del elemento.PaddingBottom similar a CSS Rotdom-Bottom. Define el espacio interno en la parte inferior del elemento.BorderRadiusTopLeft similar a CSS Border-Top-Left-Radius. Define el borde del borde en la esquina superior izquierda.BorderRadiusTopRight similar a CSS Border-Top-Radius. Define el radio del borde en la esquina superior derecha.BorderRadiusBottomLeft similar al radio-inframt-left de Border-Bottom del CSS. Define el borde del borde en la esquina inferior izquierda.BorderRadiusBottomRight similar al CSS Border-Radius Border-Radius. Define el borde del borde en la esquina inferior derecha.BorderTop similar a CSS Border-Top. Define el grosor del borde superior del elemento.BorderLeft similar a CSS Border-Left. Define el grosor desde el borde a la izquierda del elemento.BorderRight similar a CSS Border-Right. Define el grosor desde el borde a la derecha del elemento.BorderBottom similar al fondo del borde de CSS. Define el grosor del borde inferior del elemento.Comportamiento:
MenuState define el estado actual del menú (por ejemplo, minimizado o maximizado).SelectedDiretionTheme determina la dirección del tema seleccionado.SelectedTheme especifica el tema de estilo seleccionado.SelectedMenu indica qué elemento de menú fue seleccionado.AjaxSecurity Un booleano que determina si Ajax Security está habilitado o no.Métodos públicos:
MinimizeMaximize suplentes entre los estados minimizados y maximizados del menú.HideMenu oculta el menú.ShowMenu muestra el menú.SetTheme define el tema del menú.Eventos:
OnClickLogo activado cuando se hace clic en el logotipo.OnClickMenu activado al hacer clic en un elemento de menú.OnClickNotificationMenu -impulsado haciendo clic en una notificación de menú.OnAfterSelectTheme activado después de seleccionar un tema.OnClickProfile activado al hacer clic en el perfil.OnClickLogoff activado al hacer clic en el botón Out/Logoff.OnSearchEnter se activó cuando se inserta un término de investigación.OnClickIconSearch se activó haciendo clic en el icono de investigación. Imagen ilustrativa, porque el componente puede tener opciones de personalización ...
El componente Tunidsalogin es una herramienta versátil diseñada para presentar elementos cruciales en una pantalla de inicio de sesión, ofreciendo una experiencia de usuario fluida y personalizable y acelerar cada proceso de creación de esta pantalla. La pantalla de inicio de sesión responde, por lo que se adaptará a diferentes capturas de pantalla.
Propiedades y métodos principales:
General:
Geral : propiedades generalesTitle define el título de la pantalla de inicio de sesiónDescription Define la descripción de la pantalla de inicio de sesión, el texto está justo debajo del títuloTrimSpacesOnRememberMeForgetPassword para aquellos que no usan la opción de recordar la contraseña o recuperar la contraseña, esta opción programada eliminará el espacio entre las entradas de los botonesLogo : controla la apariencia y el comportamiento del logotipo en la parte superior del menú.Image define la imagen del logotipo de acuerdo con la URL informadaMarginLeft define el margen desde el lado izquierdoMarginTop define el margen desde el lado derechoSlide : Refiriéndose a la imagen de diapositivas inicialImage define la imagen del logotipo de acuerdo con la URL informadaMarginLeft define el margen desde el lado izquierdoMarginTop define el margen desde el lado derechoLogin : Configuración de entrada de inicio de sesiónCaption Define el título de entrada, por ejemplo, correo electrónico, teléfonoEnabled define si la entrada estará activa o inactivaValue define o toma el valor del campo de inicio de sesiónPassword : Configuración de entrada de contraseñaCaption define el título de entradaEnabled define si la entrada estará activa o inactivaValue define o toma el valor del campo de inicio de sesiónRememberMe : Configuración de la opción de contraseñaCaption define el títuloChecked define o verifica si la casilla de verificación está marcadaVisible define la visibilidad de la opciónForgetPassword : Configuración para recuperar la contraseñaCaption define el títuloVisible define la visibilidad de la opciónLoginNow : Ingrese la configuración del botónCaption define el títuloVisible define la visibilidad de la opciónVisible define el ancho del botónCreateAccount : Configuración para la creación de nuevas cuentasCaption define el títuloVisible define la visibilidad de la opciónVisible define el ancho del botónEventos:
OnCreateAccount conducido haciendo clic en el botón de creación de la cuenta.OnForgetPassword activado al hacer clic en la opción para recuperar la contraseña.OnLoginEnter activado al presionar ingresar en la entrada de inicio de sesión.OnLoginNow activado al hacer clic en el botón Intro.OnPasswordEnter activado Al presionar ingrese la entrada de contraseña.OnRememberMe se activó al hacer clic para recordar la contraseñaDominio
Todos los formularios UNIGUI actualizan el ancho del formulario de acuerdo con el usuario Redmension, excepto en el formulario de inicio de sesión. Es por eso que es necesario usar el siguiente script en la propiedad " Script " de su " Formogin ".
window.onresize = function(){
if (typeof FormLogin !== 'undefined') {
var getSize = Ext.getBody().getViewSize(),
winWidth = getSize.width,
winHeight = getSize.height,
left = (winWidth - FormLogin.window.width) / 2,
top = (winHeight - FormLogin.window.height) / 2;
FormLogin.window.setPosition(left, top);
}
}
NOTA: Cambie el nombre con el nombre de su formigón de formulario.
Recuerde que se recomienda el modo MFPage en UniserverModule para que su aplicación se parezca más a los estilos estándar de páginas web.