unidsa unigui delphi Download - unidsa unigui delphi Source code download

unidsa unigui delphi

Delphi source code

1.0.0

Download

Unidsa component palette to Unigui at Delphi

Unidsa is an innovative component palette developed specifically to improve and extend Unigui's capabilities in Delphi . Composed of highly customizable tools, this palette aims to offer more elegant and effective solutions for the construction of modern user interfaces.

Available components

Tunidsaqrcodereader tunidsaconfirm tunidsatoast tunidsamenlateral tunidsalogin

Tunidsaqrcodereader

This is an advanced component developed to take advantage of the power of HTML5 in reading a wide range of ** bar codes and QR Codes **. Designed to be highly flexible, tunidsaqrcodereader offers developers the ability to customize exactly which types of codes they want to read, as well as the option to choose the specific reading device.

Compatibility of code types:

Type	Description
QR_CODE	Allows the reading of default QR codes.
Aztec	Aztec Codes Reading Support
Codabar	Identifies and reads codabar codes
Code_39, code_93, code_128	Comprehensive reading of code codes, covering variations 39, 93 and 128.
Data_matrix	Qualified to recognize and interpret data matrix codes.
Maxicode	Support for maxicode codes.
ITF	Compatible with interleaved 2 of 5 (ITF) codes.
EAN_13, EAN_8	Reading of EAN codes, including variations 13 and 8.
Pdf_417	PDF417 codes support.
RSS_14, RSS_EXPANDED	Qualified for RSS codes, both in version 14 and in the expanded version.
Upc_a, upc_e, upc_ean_extension	Compatible with UPC variations, including EAN extensions.

Main features:

Code Type Selection: Developers have the freedom to mark or uncheck specific reading codes according to the needs of their application.
Device Choice: Provides the option to select the specific reading device, ensuring greater versatility in capturing the codes.

Image:

Illustrative image, because the component can have customization options ...

Tunidsaconfirm

Tunidsaconfirm serves to create and manage modal dialog windows for confirmations, alerts and prompts, based on the plugin available on JQuery-Confir. This component provides a wide range of properties and methods that allow a detailed customization of dialog windows, encompassing from the contents displayed to aesthetic and functional aspects of the window.

Main properties and methods:

General :

Title defines the title of the dialog window.
Content defines the main content of the dialog window.
Icon allows you to define an icon for the dialog window.
Theme defines the theme of the window, allowing aesthetic personalization.

Window control:

Draggable controls if the window can be dragged.

Content:

ContentFile allows you to load the window content from an external file.
SmoothContent enables a soft transition to content.

Buttons:

Buttons defines the buttons available in the dialog window.
OnButtonClick event driven by clicking a button.

Animations:

Animation defines the type of animation used by opening and closing the window.
TypeAnimated defines if the window will be animated when changing type.

Layout and style:

BoxWidth defines the width of the window.
ColumnClass TitleClass allows you to define custom classes for different elements of the window.

Events:

OnOpen , OnClose , OnDestroy , OnAction , OnContentReady various events that allow detailed control of the dialog window life cycle.

Other properties:

Type defines the type of dialog window (confirm, alert, etc.).
UseBootstrap defines whether bootstrap will be used for stylization.
RTL enables the support of written languages from right to left.

Public methods:

Show displays the dialogue window.
Alert , Dialog , Prompt , Confirm display dialogue windows with predefined characteristics for different purposes.
Clear , ClearEvents Methods for cleaning properties and events associated with the window.

Image:

Illustrative image, because the component can have customization options ...

Tunidsatoast

Tunidsatoast is a class that represents a simple and brief notification, often used to provide feedback to users about an action or event in an application. Based on the JQuery-Toast-Plugin plugin, this component allows you to create stylized and personalized toast notifications for Unigui applications developed in Delphi.

Main properties and methods:

General:

Text defines the main text of the notification.
Heading defines the header or title of the notification.
Icon defines an icon for notification. Different icons can be used to + indicate the type or importance of notification.

Behavior:

ShowHideTransition determines the type of transition used by showing or hiding the notification.
HideAfter defines time (in milliseconds) after which the notification will be automatically hidden.
AllowToastClose if you can, allow users to close the notification manually.
Stack defines how many notifications can be displayed simultaneously.

Style and appearance:

BgColor defines the background color of the notification.
TextColor defines the color of the text of the notification.
TextAlign defines the alignment of the text in the notification.
Position defines the position on the screen where the notification will appear.
Loader specifies the type and behavior of the charger shown in the notifications.

Events:

OnBeforeShow triggered before notification is displayed.
OnAfterShown triggered after notification is displayed.
OnBeforeHide triggered before notification is hidden.
OnAfterHidden triggered after notification is hidden.

Public methods:

Show displays the notification with the defined properties.
Clear cleans the current notification.
Reset reset the notification for its default values.

The TunidSatoast component provides a flexible and elegant way to provide feedback to users without being intrusive. By using this component in Delphi projects with Unigui, developers can significantly improve the user experience, providing relevant contextual notifications in response to various actions and events.

Image:

Illustrative image, because the component can have customization options ...

Tunidsamenlateral

This is a component that represents a side menu, commonly used in web applications to provide browsing and additional options, usually located on the left or right side of the page.

Main properties and methods:

General:

Logo : Controls the appearance and behavior of the logo at the top of the menu.

UrlImage defines the image of the logo
CompanyName defines the customer/company name

Search : Allows research inside the menu.

Icon defines the research area icon.
TextPrompt defines the informative text that will be displayed in the research area, standard "Search .."
AutoComplete enable or disable the suggestion with bases in the texts already used.
Visible defines if the search will be displayed.
SearchText text searched by the user.

Theme defines the visual theme of the menu.

TitleLeft Left Theme Title.
TitleRight Title of the theme on the right.
StyleLeft style of the theme on the left
StyleRight STYLE OF THE RIGHT THEME
Visible defines if you will be visible to the user the option to change topics

Menu : Controls individual items within the menu.

Icon defines the menu icon (Font Awesome 5.15.4)
Caption Menu Description
NotificationCount when greater than 0 will be displayed next to the menu the number of notifications.
Visible defines if the menu will be visible.
Enabled defines if the menu will be active
Hidden defines if the menu will be visible keeping the place of it.
Separator defines that the menu will be a menu separator
Hint description of the menu when passing the mouse over.
OnClick triggered when clicking on the menu
OnClickNotification driven by clicking on the menu notification.
OnClickRef triggered when clicking on the menu (used in Runtime)
OnClickNotificationRef triggered when clicking on the menu notification (used in Runtime)

Profile allows you to display profile information, such as username or image, in the menu.

Name System User Name
Email system user email
ImageURL System User Image
Visible indicates whether the user profile will be visible.

Style controls the general visual style of the menu.

PaddingTop similar to CSS padding-top. Defines the internal space at the top of the element.
PaddingLeft similar to CSS padding-left. Defines the internal space to the left of the element.
PaddingRight similar to CSS padding-right. Defines the internal space to the right of the element.
PaddingBottom similar to CSS padding-bottom. Defines the internal space at the bottom of the element.
BorderRadiusTopLeft similar to CSS Border-Top-Left-Radius. Defines the edge of the edge in the upper left corner.
BorderRadiusTopRight similar to CSS Border-Top-Radius. Defines the radius of the edge in the upper right corner.
BorderRadiusBottomLeft similar to border-bottom-left-radius of the CSS. Defines the edge of the edge in the lower left corner.
BorderRadiusBottomRight similar to CSS Border-Radius Border-Radius. Defines the edge of the edge in the lower right corner.
BorderTop similar to CSS border-top. Defines the thickness of the upper edge of the element.
BorderLeft similar to CSS border-left. Defines the thickness from the edge to the left of the element.
BorderRight similar to CSS border-right. Defines the thickness from the edge to the right of the element.
BorderBottom similar to CSS border-bottom. Defines the thickness of the lower edge of the element.

Behavior:

MenuState defines the current state of the menu (for example, minimized or maximized).
SelectedDiretionTheme determines the direction of the selected theme.
SelectedTheme specifies the selected style theme.
SelectedMenu indicates which menu item was selected.
AjaxSecurity a boolean that determines whether ajax security is enabled or not.

Public methods:

MinimizeMaximize alternates between the minimized and maximized states of the menu.
HideMenu hides the menu.
ShowMenu displays the menu.
SetTheme defines the theme of the menu.

Events:

OnClickLogo triggered when the logo is clicked.
OnClickMenu activated when clicking on a menu item.
OnClickNotificationMenu -driven by clicking on a menu notification.
OnAfterSelectTheme activated after selecting a theme.
OnClickProfile triggered when clicking on the profile.
OnClickLogoff triggered when clicking the out/logoff button.
OnSearchEnter triggered when a research term is inserted.
OnClickIconSearch triggered by clicking on the research icon.

Image:

Illustrative image, because the component can have customization options ...

Tunidsalogin

The Tunidsalogin component is a versatile tool designed to present crucial elements on a login screen, offering a fluid and customizable user experience and speeding up every process of creating this screen. The login screen is responsive, so it will adapt to different screenshots.

Main properties and methods:

General:

Geral : General Properties

Title defines the title of the login screen
Description defines the login screen description, text is just below the title
TrimSpacesOnRememberMeForgetPassword For those who do not use the option to remember the password or recover the password, this scheduled option will remove the spacing between buttons inputs

Logo : Controls the appearance and behavior of the logo at the top of the menu.

Image defines the image of the logo according to the informed URL
MarginLeft defines the margin from the left side
MarginTop defines the margin from the right side

Slide : referring to the initial slide image

Image defines the image of the logo according to the informed URL
MarginLeft defines the margin from the left side
MarginTop defines the margin from the right side

Login : Login Input Settings

Caption defines the Input title, eg email, telephone
Enabled defines whether the input will be active or inactive
Value defines or takes the value of the login field

Password : Password Input Settings

Caption defines the Input title
Enabled defines whether the input will be active or inactive
Value defines or takes the value of the login field

RememberMe : Settings of the password option option

Caption defines the title
Checked defines or checks if checkbox is marked
Visible defines the visibility of the option

ForgetPassword : Settings to recover the password

Caption defines the title
Visible defines the visibility of the option

LoginNow : Enter button settings

Caption defines the title
Visible defines the visibility of the option
Visible defines the width of the button

CreateAccount : Settings for Creation of New Accounts

Caption defines the title
Visible defines the visibility of the option
Visible defines the width of the button

Events:

OnCreateAccount driven by clicking the account creation button.
OnForgetPassword triggered when clicking on the option to recover the password.
OnLoginEnter triggered when pressing ENTER in the login input.
OnLoginNow triggered when clicking the enter button.
OnPasswordEnter triggered when pressing ENTER in the Password Input.
OnRememberMe activated when clicking on remembering the password

Command

All Unigui forms update the width of the Form according to the user redmension, except in the login form. That is why it is necessary to use the following script on the " script " property of your " 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);
  }
}

Note: Change the name by the name of your form formogin .

Remember that MFPAGE mode in UniserVermodule is recommended so that your application looks more like web pages standard styles.