Dynamic Field Widget

The Dynamic Field Widget by RTMKit Pro automatically displays dynamic data (such as titles, content, or Custom Fields) in real-time within your Elementor layout without any coding.

Follow these steps to set it up perfectly :

• Open your page with the Elementor Editor.
• Go to Menu RTMKit Pro, and you will be able to see the Dynamic Field Widget.
• or search “Dynamic Field”.
• Drag and drop the widget into your desired section.

1. Content Tab Configuration

Under the Content Tab, you can customize and manage how your content is displayed to meet your specific design and functional requirements:

Meta Value

If your meta group field is still empty, you can click Go to the Meta Box Screen to add or manage your meta boxes. View the tutorial on how to add meta boxes.

• Click Meta Value → Select Meta Group.

• Click Show Media to add images or icons to your desired components.
• You can select either an image or an icon for the media you want to display.
• Click the Add Item button, then select the image or icon you want to use.
• Image :

• Icon :

Query Meta Fields

Query Meta Fields is used to select the specific meta key from the custom data you want to fetch and display on the component.

• Click Content → Query Meta Fields.

• Select the specific meta key from the custom data you want to fetch and display on the component.

2. Style Tab Configuration

Switch to the Style tab to customize the visual appearance of your component to match your website’s design.

Container

• Adjust the overall wrapper of your content. You can set the columns, row and column gap, background type, box shadow, border type, border radius, margin and padding to achieve a clean, pixel-perfect layout that matches your design preferences.

List Item

• Configure the list items to match your preferred layout or visual style.

• Adjust the Container Meta settings to configure the Direction and Gap.

Meta Key

• Manage the Meta Key styling, ranging from alignment, typography, background type, border type, border radius, margin, padding, to text color.

Meta Value

• Manage the Meta Value styling, ranging from alignment, typography, background type, border type, border radius, margin, padding, to text color.

Icon

• Customize the Icon Style to adjust the appearance of the icons within your metadata. You can configure the size, color (normal and hover states), spacing, and alignment to ensure it perfectly matches the text.

Image

• Configure the Image Style to adjust the look of the images within your metadata. Here, you can control the size (width/height), border radius, box shadow, opacity, and spacing between the image and text.
  

• Don’t forget to click Publish to save the changes.