Author 詩語

Table Widget

UAEL provides a multifunctional Table widget that lets you create a table with any number of rows and columns. The table can be used for any purpose such as a comparison between products/ sales, displaying schedules, displaying changelogs and many more.
Table widget allows creating searchable and sortable tables that are easy to read. It also enables the entries drop-down for longer tables that are difficult to refer to.
You can create beautiful tables with advanced styling and features. Refer to Demo Page.
To enable Table widget visit UAEL settings. (?)
Important links:
How To Add Rows And Columns to the Table?
How to add Table Header with Table Widget?
How to add Table Content with Table Widget?
How to add Sortable and Searchable Table? How to Show Entries Dropdown?
How to Merge Columns and Rows in Table?
How to Style the Table?

Table on Responsive Devices 

From UAEL version 1.8.0, table responsive option is deprecated. Earlier to this version Table widget has the responsive option that used to stack the Table Headers and Content.
In practical use, this layout of the table was not working as intended. The header and its columns ratio were displayed in an incorrect way. So, we decided the deprecate the same option.
Now, by default, the table is responsive with a horizontal scrollbar to the table. You can navigate the table with the scroll.

Introducing a New Navigation Menu for Elementor!

We bring to you the most versatile Navigation Menu for Elementor. This Navigation Menu widget of UAE will allow you to create a custom Menu right from the widget.

Key features of the Navigation Menu widget –

Types of Menu – WordPress default and Custom ( can design your own menu )Types of sub-menu items – Text, Saved Section, Saved WidgetDifferent width and position options for the SubmenuDifferent types of layoutLink hover effects with animationsResponsive menuAlignment and styling options with animations

Watch a detailed video for UAE Navigation Menu widget –

WordPress and Custom Menu Types

You can either use the existing or current menus created under WordPress > Appearance > Menus or you can choose the Custom in the Content > Menu section > Type.

This will allow you the flexibility to create a custom menu, in which you can add Menu Items from the widget interface.

Using the WordPress Menu will not hamper the styles anyhow, you can apply all the styling to both the Menu type.

Different Types of Layouts

After the Menu Items have been added the next step is to choose the Layout for the Menu.

You can choose from – Horizontal, Vertical, Expanded, and Flyout.

The Layout section can be found under the Content tab > Layout section.

Here you can also provide alignment to the complete Menu, choose an Icon for the Dropdown, Animation – ( Slide Up, Slide Down ) for the Submenu item.

There are also many options for the Responsive screen, from choosing Icon and Close Icon. and also the Responsive option.

Types of Link Hover Effect and Animation

This section will be visible only in the case of Horizontal Layout

You can select or pick a hover effect and animation for the Menu, and add different effects on hover and active menu items.

This setting can be located under the Style tab > Main Menu.

There are options to manage the Normal and Hover color for the Text, Background, and Pointer for Hover color.

Menu Styling and Customization Options

The Dropdown section which is the second section under the Style tab allows managing the complete spacing, Color and also add a Divider for the Submenu.

Spacing is the most required feature while designing a Menu item. You are allowed complete flexibility to style and space all the items of the Menu.

In the Navigation Menu widget of UAE, you will be allowed to even manage the Submenu Dropdown』s width as per your requirement.

You will just need to drag and manage every aspect of the Menu items spacing.

Let』s see take a quick look at all the spacing elements –

Distance from the top of the Main MenuHorizontal PaddingVertical Padding

And the last section is the Menu Trigger & Close Icon which will help you to manage the size, border Width, Border Radius, and Icon Size too.

Filters for Gravity Form Styler

Filters available for Gravity Form Styler Widget are listed below.

Helps enqueue the Gravity Form JS on the frontend.

add_filter( 'uael_gravity_js_load_frontend', function( $condition ){return true;});

Filters/Actions for User Registration Form Widget

Filters

Filters available for User Registration Form Widget are listed below.

HELPS MODIFY THE ERROR MESSAGES STRING

add_filter( 'uael_form_error_string', function( $strings ) {
//Modify the strings here.
return $strings;
}, 10, 1 );

How to Design a Custom Menu Using the Navigation Menu Widget?

The Navigation Menu widget of UAE allows creating a Custom Menu from the widget itself.

Let』s see the steps on how you can design a Custom Menu using the Navigation Menu widget –

Step 1:

First drag-n-drop the Navigation Menu widget on the Elementor editor.Under the Content tab > Menu > Type select 『Custom『 from the dropdown.You will see some default sections with Menu and Sub-menu items.Menu Item is the parent menu item and Sub Menu Item is the child of that parent menu.Under each Menu Item, you can update the Menu Item text, Link, Dropdown Width, and its position.And in the Sub Menu Item, you will be able to choose the Menu Content-Type – Text / Saved Section / Saved Widget, or Link in the case of Text option.In the Sub Menu Item, you will also have the option of converting it to Menu Item.

Step 2:

Apply the styling to the menu according to your design requirements.

Step 3:

Publish or update the Page with a fresh-looking Navigation Menu that is ready to dazzle your website visitors.

Watch a detailed video for UAE Navigation Menu widget –

WP Fluent Forms Styler Widget

The Ultimate Addons for Elementor v1.26.0 introduces the WP Fluent Forms Styler widget for the Elementor family with lots of styling options and will help you display your Fluent Forms matching the design of your website.

Key Features –

Input field stylingCustom WP Form』s Title and Description to the formEasy & 100% customization for Radio & CheckboxDifferent styles for Error and Success messagesStar Rating / Section break / Fields Spacing Styling options and Typography

This Fluent Forms Styler widget brings a lot of options to make changes and enhance the fluent form with the above features.

Let』s see them in brief –

Custom Fluent Forms Title & Description

The styler widget allows you to with an option to add a custom Title & Description. Let』s say you need to make some changes in the Title or Description of the form and don』t want to go back to the Dashboard, so this option would allow you making this small changes right from the widget.

Input Fields Styling

One of the required features in any Forms Styler widget is the ability to style the Input Fields as per your needs and to match them as per your website』s styling. You would be able to achieve the same with all the styling options provided.

Fully Customizable Radio & Checkbox

Yes, we do love how our Radio and Checkboxes look as users spend some time making a choice on them. So we do need to keep them nice using the options to override the default styling from the Content tab > Radio & Checkbox section.

Style the Success & Error Messages

After setting up your required Success & Error messages, you would find some default styling to modify them we have provided the styling options from the Content tab > Success / Error message section.

Star Rating / Section Break / Button Styling options

Each of them has a separate section to style them as per your requirement. Button section includes the option to modify the Submit and Navigation button styling and for any other secondary button.

Go ahead and give your Fluent Forms a makeover! Update to the version 1.26.0 or the latest version of UAE to find this widget.

Unable to see the Gravity Form Styler Widget of the Ultimate Addons for Elementor?

There are various reasons due to which you aren』t able to see the Gravity Form Styler widget.

Please check for the following conditions:

1. Make sure that you have the Ultimate Addons for Elementor version 1.1.0 or later installed on your website.

2. Check whether you have installed and activated the Gravity Form plugin.

3. Check whether you have enabled the Gravity Form Styler widget under the Ultimate Addons for Elementor widgets.

In case all of these are right and you still aren』t able to see the widget, please open up a ticket at our support center. We』ll be glad to help!

How to Create a Custom Mega Menu using the Nav Menu widget – 3 Simple Steps!

Let』s begin to create a Mega Menu in a few simple steps using the Navigation Menu widget of UAE –

Pre-requisites –

UAE version 1.21.0 and aboveEnable the Navigation Menu from the Settings > UAE

Step 1: Choose 「Custom」 from the widgets』 Content tab > Menu section > Type.

Step 2: From the Sub Menu section, choose Saved Section/Saved Widget as per your convenience.

Note: You need to create Saved Section to able to fetch them in the Content Type section. While to insert Saved Widget you will need to have Elementor Pro.

Step 3: Apply width to this sub-menu as required from the Menu section.

Here is a document on how the existing dropdown width types work.

That』s it! Now, you have a Mega Menu ready.

Watch a detailed video for UAE Navigation Menu widget here.

Unable to see WP Fluent Forms Styler Widget in UAE?

Please make sure the following things are present on your website setup –

Step 1: You have installed the Ultimate Addons for Elementor version 1.26.0 or higher.

Step 2: You have installed & activated the WP Fluent Forms plugin. You can find it in under WordPress Dashboard > Plugins > Installed Plugins

Step 3: WP Fluent Forms Styler widget is enabled in UAE Widget settings. You will be able to find this option under Dashboard > Settings > UAE > Widgets

How to Enable / Disable Widgets in UAE to Reduce Server Requests?

In the Ultimate Addons for Elementor, we』ve added a functionality that allows you to enable/disable UAE widgets as per your choice.

This feature allows you to disable widgets that you are not using on the website. It also reduces the server requests for the, particularly disabled widgets.

Let us take a quick look at how this can be done:

Go to Settings -> UAE -> Widgets

You can then enable or disable all the widgets or manage them individually as seen in the screenshot below.

Note: All the widgets that you disable from this page will not appear within the Elementor』s widget list that you see while editing a page.