dialog

A dialog component, similar to a modal, is an overlay element designed to capture user attention for tasks like confirmations, prompts, or additional information. It appears on top of the main content, requiring user interaction to proceed

GeneXus is a low-code development platform that streamlines the creation of enterprise applications by automatically generating code for various environments from a single specification.

It's ideal for developers who want to quickly prototype, develop, and deploy applications across web, mobile, and desktop platforms. With its model-driven approach, GeneXus minimizes the need for manual coding, allowing developers to focus on design and user experience.

The platform also excels in its robust integration capabilities, enabling seamless connectivity with various databases and third-party services. This flexibility ensures that applications built with GeneXus are scalable and maintainable, reducing the time and effort required for updates and enhancements.

.control-footer

The .control-footer class is a helper utility designed to mimic the styles of the native dialog footer, including padding and a border-block-start, ensuring a consistent appearance across dialogs. It is particularly useful when certain action buttons need to be embedded within the content area rather than placed in the slotted dialog footer. By applying the .control-footer class, developers can ensure these buttons maintain the same visual treatment as standard footer actions, while seamlessly integrating with the dialog's main content logic.

In this example the dashed line all around is not part of the .control-footer design. It has been added to allow you to see the .control-footer boundaries.

Add the .control-footer-with-border to apply a border-block-start border line as well. In this example the dashed line is not part of the .control-footer design. It has has been added to allow you to see the .control-footer boundaries.

The .control-footer component only applies padding to the top (block-start) by default. To add padding on the other sides, you can use any of the available "spacing" classes. These classes will adjust the padding based on the specific context in which the .control-footer is used.