unidsa unigui delphi

Palette de composants unidsa à Unigui à Delphi

UNIDSA est une palette de composants innovantes développée spécifiquement pour améliorer et étendre les capacités d'Unigui à Delphi . Composé d'outils hautement personnalisables, cette palette vise à offrir des solutions plus élégantes et efficaces pour la construction d'interfaces utilisateur modernes.

Composants disponibles

TunidsaqrcodeReader tunidsaconfirm tunidsatoast tunidsamenlateral tunidsalogin

TunidsaqrcodeReader

Il s'agit d'un composant avancé développé pour profiter de la puissance de HTML5 en lisant un large éventail de codes à barres et de codes QR **. Conçu pour être très flexible, TunidsaqrCodeReader offre aux développeurs la possibilité de personnaliser exactement les types de codes qu'ils souhaitent lire, ainsi que l'option de choisir le dispositif de lecture spécifique.

Compatibilité des types de code:

Taper	Description
QR_CODE	Permet la lecture des codes QR par défaut.
Aztèque	CODES AZTEC Prise en charge de la lecture
Codabar	Identifie et lit les codes Codabar
Code_39, code_93, code_128	Lecture complète des codes de code, couvrant les variations 39, 93 et 128.
Data_matrix	Qualifié pour reconnaître et interpréter les codes de matrice de données.
Maxide	Prise en charge des codes Maxicode.
Itf	Compatible avec les codes entrelacés 2 sur 5 (ITF).
Ean_13, ean_8	Lecture des codes EAN, y compris les variations 13 et 8.
PDF_417	PDF417 CODES SUPPORT.
RSS_14, RSS_EXPAND	Qualifié pour les codes RSS, à la fois dans la version 14 et dans la version élargie.
UPC_A, UPC_E, UPC_EAN_EXTENCE	Compatible avec les variations UPC, y compris les extensions EAN.

Caractéristiques principales:

• Sélection du type de code: les développeurs ont la liberté de marquer ou de décocher des codes de lecture spécifiques en fonction des besoins de leur application.

• Choix de l'appareil: offre la possibilité de sélectionner le périphérique de lecture spécifique, en garantissant une plus grande polyvalence dans la capture des codes.

Image:

Image illustrative, car le composant peut avoir des options de personnalisation ...

Tunidsaconfirm

TunidsaconFirm sert à créer et à gérer les fenêtres de dialogue modales pour les confirmations, les alertes et les invites, basée sur le plugin disponible sur jQuery-Confir. Ce composant fournit une large gamme de propriétés et de méthodes qui permettent une personnalisation détaillée des fenêtres de dialogue, englobant du contenu affiché aux aspects esthétiques et fonctionnels de la fenêtre.

Propriétés et méthodes principales:

Général :

• Title définit le titre de la fenêtre de dialogue.
• Content définit le contenu principal de la fenêtre de dialogue.
• Icon vous permet de définir une icône pour la fenêtre de dialogue.
• Theme définit le thème de la fenêtre, permettant une personnalisation esthétique.

Contrôle de la fenêtre:

• Contrôles Draggable si la fenêtre peut être traînée.

Contenu:

• ContentFile vous permet de charger le contenu de la fenêtre à partir d'un fichier externe.
• SmoothContent permet une transition douce vers le contenu.

Boutons:

• Buttons définissent les boutons disponibles dans la fenêtre de dialogue.
• Événement OnButtonClick entraîné en cliquant sur un bouton.

Animations:

• Animation définit le type d'animation utilisée en ouvrant et en fermant la fenêtre.
• TypeAnimated définit si la fenêtre sera animée lors du changement de type.

Disposition et style:

• BoxWidth définit la largeur de la fenêtre.
• ColumnClass TitleClass vous permet de définir des classes personnalisées pour différents éléments de la fenêtre.

Événements:

• OnOpen , OnClose , OnDestroy , OnAction , OnContentReady divers événements qui permettent un contrôle détaillé du cycle de vie de la fenêtre de dialogue.

Autres propriétés:

• Type définit le type de fenêtre de dialogue (confirmation, alerte, etc.).
• UseBootstrap définit si Bootstrap sera utilisé pour la stylisation.
• RTL permet la prise en charge des langues écrites de droite à gauche.

Méthodes publiques:

• Show affiche la fenêtre de dialogue.
• Alert , Dialog , Prompt , Confirm les fenêtres de dialogue afficher avec des caractéristiques prédéfinies à différentes fins.
• Méthodes Clear et ClearEvents pour nettoyer les propriétés et les événements associés à la fenêtre.

Image:

Image illustrative, car le composant peut avoir des options de personnalisation ...

Tunidsatoast

Tunidsatoast est une classe qui représente une notification simple et brève, souvent utilisée pour fournir des commentaires aux utilisateurs sur une action ou un événement dans une application. Sur la base du plugin jQuery-toast-Plugin, ce composant vous permet de créer des notifications de toast stylisées et personnalisées pour les applications UNIGUI développées dans Delphi.

Propriétés et méthodes principales:

Général:

• Text définit le texte principal de la notification.
• Heading définit l'en-tête ou le titre de la notification.
• Icon définit une icône de notification. Différentes icônes peuvent être utilisées pour + indiquer le type ou l'importance de la notification.

Comportement:

• ShowHideTransition détermine le type de transition utilisé en montrant ou en cachant la notification.
• HideAfter définit le temps (en millisecondes), après quoi la notification sera automatiquement cachée.
• AllowToastClose si vous le pouvez, permettez aux utilisateurs de fermer la notification manuellement.
• Stack définit combien de notifications peuvent être affichées simultanément.

Style et apparence:

• BgColor définit la couleur d'arrière-plan de la notification.
• TextColor définit la couleur du texte de la notification.
• TextAlign définit l'alignement du texte dans la notification.
• Position définit la position à l'écran où la notification apparaîtra.
• Loader spécifie le type et le comportement du chargeur illustré dans les notifications.

Événements:

• OnBeforeShow déclenché avant que la notification ne soit affichée.
• OnAfterShown déclenché une fois la notification affichée.
• OnBeforeHide déclenché avant que la notification ne soit cachée.
• OnAfterHidden déclenché une fois la notification cachée.

Méthodes publiques:

• Show Affiche la notification avec les propriétés définies.
• Clear nettoie la notification actuelle.
• Reset la notification pour ses valeurs par défaut.

Le composant Tunidsatoast fournit un moyen flexible et élégant de fournir des commentaires aux utilisateurs sans être intrusifs. En utilisant ce composant dans des projets Delphi avec UNIGUI, les développeurs peuvent améliorer considérablement l'expérience utilisateur, fournissant des notifications contextuelles pertinentes en réponse à diverses actions et événements.

Image:

Image illustrative, car le composant peut avoir des options de personnalisation ...

Tunidsamenlateral

Il s'agit d'un composant qui représente un menu latéral, couramment utilisé dans les applications Web pour fournir une navigation et des options supplémentaires, généralement situées sur le côté gauche ou droit de la page.

Propriétés et méthodes principales:

Général:

• Logo : contrôle l'apparence et le comportement du logo en haut du menu.

1. UrlImage définit l'image du logo
2. CompanyName définit le nom du client / de l'entreprise

• Search : permet des recherches dans le menu.

1. Icon définit l'icône de la zone de recherche.
2. TextPrompt définit le texte informatif qui sera affiché dans la zone de recherche, "Search .." standard.
3. AutoComplete activez ou désactivez la suggestion avec des bases dans les textes déjà utilisés.
4. Visible définit si la recherche sera affichée.
5. Text SearchText recherché par l'utilisateur.

• Theme définit le thème visuel du menu.

1. TitleLeft Left Titre du thème.
2. TitleRight Titre du thème à droite.
3. StyleLeft Style du thème de gauche
4. StyleRight Style du thème droit
5. Visible définit si vous êtes visible pour l'utilisateur l'option de modification des sujets

• Menu : contrôle les éléments individuels dans le menu.

1. Icon définit l'icône de menu (Font Awesome 5.15.4)
2. Description du menu Caption
3. NotificationCount lorsque plus de 0 sera affiché à côté du menu, le nombre de notifications.
4. Visible définit si le menu sera visible.
5. Enabled définit si le menu sera actif
6. Hidden définit si le menu sera visible en conservant sa place.
7. Separator définit que le menu sera un séparateur de menu
8. Hint Description du menu lors du passage de la souris.
9. OnClick a déclenché lors du clic sur le menu
10. OnClickNotification pilotée en cliquant sur la notification du menu.
11. OnClickRef a déclenché lors de la clic sur le menu (utilisé dans l'exécution)
12. OnClickNotificationRef a déclenché lors de la clic sur la notification du menu (utilisé dans l'exécution)

• Profile vous permet d'afficher des informations de profil, telles que le nom d'utilisateur ou l'image, dans le menu.

1. Name du système Nom d'utilisateur
2. Email utilisateur du système de messagerie
3. Image de l'utilisateur du système ImageURL
4. Visible indique si le profil utilisateur sera visible.

• Style contrôle le style visuel général du menu.

1. PaddingTop similaire au toit de padding CSS. Définit l'espace interne en haut de l'élément.
2. PaddingLeft similaire à CSS Padding-Left. Définit l'espace interne à gauche de l'élément.
3. PaddingRight similaire à CSS Padding-droite. Définit l'espace interne à droite de l'élément.
4. PaddingBottom similaire à CSS Padding-Bottom. Définit l'espace interne au bas de l'élément.
5. BorderRadiusTopLeft similaire à CSS Border-top-Left-Radius. Définit le bord du bord dans le coin supérieur gauche.
6. BorderRadiusTopRight similaire à la frontière du Radius CSS. Définit le rayon du bord dans le coin supérieur droit.
7. BorderRadiusBottomLeft similaire à la frontière-bas-left-radius du CSS. Définit le bord du bord dans le coin inférieur gauche.
8. BorderRadiusBottomRight similaire à la frontière frontaline de la Border-Radius CSS. Définit le bord du bord dans le coin inférieur droit.
9. BorderTop similaire à la frontière CSS. Définit l'épaisseur du bord supérieur de l'élément.
10. BorderLeft similaire à la frontière de CSS. Définit l'épaisseur du bord vers la gauche de l'élément.
11. BorderRight similaire à la frontière du CSS. Définit l'épaisseur du bord à droite de l'élément.
12. BorderBottom similaire à CSS Border-Bottom. Définit l'épaisseur du bord inférieur de l'élément.

Comportement:

• MenuState définit l'état actuel du menu (par exemple, minimisé ou maximisé).
• SelectedDiretionTheme détermine la direction du thème sélectionné.
• SelectedTheme spécifie le thème de style sélectionné.
• SelectedMenu indique quel élément de menu a été sélectionné.
• AjaxSecurity a booléen qui détermine si la sécurité Ajax est activée ou non.

Méthodes publiques:

• MinimizeMaximize les alternatives entre les états minimisés et maximisés du menu.
• HideMenu cache le menu.
• ShowMenu affiche le menu.
• SetTheme définit le thème du menu.

Événements:

• OnClickLogo a déclenché lorsque le logo est cliqué.
• OnClickMenu a activé lors de la clic sur un élément de menu.
• OnClickNotificationMenu -Driven en cliquant sur une notification de menu.
• OnAfterSelectTheme a activé après avoir sélectionné un thème.
• OnClickProfile a déclenché lors du clic sur le profil.
• OnClickLogoff a déclenché lors du clic sur le bouton Out / Logoff.
• OnSearchEnter a déclenché lorsqu'un terme de recherche est inséré.
• OnClickIconSearch déclenché en cliquant sur l'icône de recherche.

Image:

Image illustrative, car le composant peut avoir des options de personnalisation ...

Tunidsalogine

Le composant Tunidsalogin est un outil polyvalent conçu pour présenter des éléments cruciaux sur un écran de connexion, offrant une expérience utilisateur fluide et personnalisable et accélérant chaque processus de création de cet écran. L'écran de connexion est réactif, il s'adaptera donc à différentes captures d'écran.

Propriétés et méthodes principales:

Général:

• Geral : Propriétés générales

1. Title définit le titre de l'écran de connexion
2. Description définit la description de l'écran de connexion, le texte est juste en dessous du titre
3. TrimSpacesOnRememberMeForgetPassword pour ceux qui n'utilisent pas l'option pour se souvenir du mot de passe ou récupérer le mot de passe, cette option planifiée supprimera l'espacement entre les entrées des boutons

• Logo : contrôle l'apparence et le comportement du logo en haut du menu.

1. Image définit l'image du logo selon l'URL éclairée
2. MarginLeft définit la marge du côté gauche
3. MarginTop définit la marge du côté droit

• Slide : se référant à l'image de diapositive initiale

1. Image définit l'image du logo selon l'URL éclairée
2. MarginLeft définit la marge du côté gauche
3. MarginTop définit la marge du côté droit

• Login : paramètres d'entrée de connexion

1. Caption définit le titre d'entrée, par exemple e-mail, téléphone
2. Enabled définit si l'entrée sera active ou inactive
3. Value définit ou prend la valeur du champ de connexion

• Password : Paramètres d'entrée de mot de passe

1. Caption définit le titre d'entrée
2. Enabled définit si l'entrée sera active ou inactive
3. Value définit ou prend la valeur du champ de connexion

• RememberMe : Paramètres de l'option Option de mot de passe

1. Caption définit le titre
2. Checked définit ou vérifie si la case à cocher est marquée
3. Visible définit la visibilité de l'option

• ForgetPassword : Paramètres pour récupérer le mot de passe

1. Caption définit le titre
2. Visible définit la visibilité de l'option

• LoginNow : entrez les paramètres des bouton

1. Caption définit le titre
2. Visible définit la visibilité de l'option
3. Visible définit la largeur du bouton

• CreateAccount : Paramètres de création de nouveaux comptes

1. Caption définit le titre
2. Visible définit la visibilité de l'option
3. Visible définit la largeur du bouton

Événements:

• OnCreateAccount entraîné en cliquant sur le bouton de création de compte.
• OnForgetPassword a déclenché lors du clic sur l'option pour récupérer le mot de passe.
• OnLoginEnter a déclenché lors de l'appuyer sur Entrée dans l'entrée de connexion.
• OnLoginNow a déclenché lors du clic sur le bouton Entrer.
• OnPasswordEnter a déclenché lors de l'appuyer sur Entrée dans l'entrée du mot de passe.
• OnRememberMe a activé lorsque vous cliquez sur le souvenir du mot de passe

Commande

Tous les formulaires UNIGUI mettent à jour la largeur du formulaire en fonction de l'utilisateur redmension, sauf dans le formulaire de connexion. C'est pourquoi il est nécessaire d'utiliser le script suivant sur la propriété " script " de votre " 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);
  }
}

Remarque: modifiez le nom par le nom de votre formogine .

N'oubliez pas que le mode MFPAGE dans unionvermodule est recommandé afin que votre application ressemble plus à des styles standard des pages Web.

Image: