Webform date field is not rendered properly.

I tried to add

'webform_date',

to the process.inc file but it doesn't work.

Webform Date

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

kyletaylored’s picture

Issue summary: View changes
Status: Active » Closed (cannot reproduce)
FileSize
33.2 KB

The date field seems fine to me. This is on a bare install.

Webform Date looks fine

kyletaylored’s picture

Status: Closed (cannot reproduce) » Active

Actually, I definitely see this now. I'll see about getting a patch in for this.

badrun’s picture

Is this bug has been patched, yet?

Thanks

TolliSysDev’s picture

Wondering if this bug has been fixed as well since adding webform_date to process.inc doesn't fix the issue.

Thanks a bunch!

markhalliwell’s picture

Version: 7.x-3.0 » 7.x-3.x-dev
Status: Active » Closed (cannot reproduce)
Issue tags: -webform

Scripted response: This issue has been closed while cleaning up the issue queue. This has likely already been addressed in 7.x-3.x-dev. If it has not, please re-open this issue.

PrineShazar’s picture

Ive got the latest dev installed of Bootstrap 7.x-4.x-dev & Webform 7.x-4.10 and this is not working. As a temp fix, i had to manually apply the '.form-inline' class around the webform select element. This changed the width for the select dropdowns to 'auto', rendering them inline.

Id prefer a more robust solution, if i have time i'll look into this.

Christopher Riley’s picture

Not to beat a dead horse but I ran into this issue and webform puts the dates in a webform-container-inline wrapper we just need to get form-inline added to it so I added the following to bootstrap_webform_element:

if($element['#type'] == 'date') {
  $element['#wrapper_attributes']['class'][] = 'form-inline';
}
fujishooter’s picture

I've tried #7 (adding code snippet to webform-element.func.php), cleared cached, restarted Apache/PHP, and the Date field still renders incorrectly.

miksha’s picture

I was having the same problem with Webform date field and I am using Radix subtheme of my own which is based on Bootstrap 3. I resolved it by adding this to my css file:

.webform-datepicker .form-control{
  display: inline !important;
  width: auto !important;
}