How to align an input and a button webform

Created on 5 October 2023, 9 months ago
Updated 25 March 2024, 3 months ago

Problem/Motivation

Hello,
I need your help. I want to align an input and a button webfrom
I have an input to enter the email address and a button to click send. I created 2 webform elements but they show list so I want to align 2 elements. How to align for this 2 webform elements ?

Thank you very much

πŸ’¬ Support request
Status

Closed: won't fix

Version

1.0

Component

User interface

Created by

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @Attl
  • Status changed to Postponed: needs info 9 months ago
  • πŸ‡«πŸ‡·France pdureau Paris

    Hello Attl,

    How is it question related to UI Suite DSFR? Can you tell us more about your issue?

  • Thank you for your comment.
    Yes, this topic is related to UI Suite DSFR. There is a component named Newsletters that requires an input for the email address and a button to subscribe. In webform, these 2 elements must be aligned but in Drupal webform, I can't align.

    My question is how to align between 2 elements.

    Are my explanations clear to you? Do you need a screenshot to better understand?

  • Hello,

    So there are no solutions to wrap between input and button?

  • πŸ‡«πŸ‡·France pdureau Paris

    There is a component named Newsletters

    Are you talking about "Newsletter & Follow us" component?

    Indeed, there is a slot called "newsletter" which is suitable to host a form: https://git.drupalcode.org/project/ui_suite_dsfr/-/tree/1.0.x/templates/...

    I don't use Webform, but it seems you successfully injected a webform renderable in this slot. That's great.

    About your alignment issue, can you share the renderable array you are injecting?

  • Status changed to Closed: won't fix 3 months ago
  • πŸ‡«πŸ‡·France pdureau Paris

    5 months later, I close the issue.

Production build 0.69.0 2024