Webform Help Drupal 7

Events happening in the community are now at Drupal community events on www.drupal.org.
GoodJJJ's picture

PERSONAL DETAILS: Main heading not sure how to do.

Label: Type:
Name textfield
Address textfield
Email email
Contact Number textfield

LIKES: Another heading

Label: Type:
Bands textarea
Sport textarea
Movies textarea
TV textarea

So I have created the above and it works fine accept for the headings......what I wish to is create the heading PERSONAL DETAILS and LIKES (if possible could that be emailed 2?)

Cheers

Comments

You need to add a markup component

BernieCram's picture

Add a new form component of the type - markup. You can add html to that field, make sure input format is full html.

B

Cars

Akaoni's picture

On a side note:
It's good to see another car guy on here. ;)

re You need to add a markup component

GoodJJJ's picture

ok so is this process Label=Personal Details >>> Type=Markup>>Mandatory=Tick >>>>>Operations=Add

in value area i put the following code? ps i am using CKEditor

had to miss the > so that the code could be seen

<html
<body

Personal Details</h3

</body
</html

Are you using webform module?

BernieCram's picture

Hey Good Guess just to clarify, are you using the webform module to make your form?

I forgot that you can also add a fieldset which might be more semantically correct as Akaoni is encouraging. Make a new field set, then in the webform tab just drag all your fields into that fieldset

If you are using webform module then probably most correct to use the markup field for information about the type of data you would like users to enter.

That gives you a couple of options. It should be pretty easy to experiment and find what works for you.

In ck editor you will either need to hit the "source" button in the top bar to be able to enter html tags or the disable rich text link below the text entry field. You know that you only need the h3 tag don't you? you are only doing the html for that field.

B

re Are you using webform module?

GoodJJJ's picture

yes i am using the webform

field set = ??? is this what you mean? >> http://drupal.org/node/1041904 and this the module i need right to achieve this? >>>> http://drupal.org/project/field_group

thanks for ongoing help

Hey Good Guess, I see that

BernieCram's picture

Hey Good Guess, I see that you are still not there on this one. You should be able to do this just with webform module. I have joined a couple of screen grabs which might help.

http://berniecram.com/files/webform_example.jpg

fieldgroup is just one of the options you can choose when adding a webform component in the same way as you have added text field components. You should be able to use the dragging arrows on the left to arrange the existing webform components under your new fieldgroup.

Bernie

re Hey Good Guess, I see that

GoodJJJ's picture

Yes Yes Yes Yes !!! thank you so much Bernie for the help that what I wanted and it gives me the heading etc etc :) :) :) :) ie completes the task....now to add the other heading and some fine tuning........If I need any more help will be sure to come back here :)

Great!

BernieCram's picture

Great!

Don't be afraid to set up test sites on your local machine just to test a particular module that you haven't used before. Easy enough to trash them again once you have tried all the configuration options without feeling like you are going to damage your project.

Put drush on your list of things to learn a little bit about too. It really speeds up the setup of sites and adding modules etc. It works great on osx/mamp and ubuntu for local dev. I don't know about windoze if that's your poison.

Bernie

Use Fieldsets

Akaoni's picture

Symantically, these two headings should be fieldsets.
This improves the accessiblity of the logical grouping of these fields.

You can use CSS to style them up however you like (including making them ALL CAPITALS).

E.g.

  $form = array(
    'details' => array(
      '#type' => 'fieldset',
      '#title' => t('Personal Details'),

      'name' => array(
        '#type' => 'textfield',
        '#title' => t('Name'),
      ),

      ...
    ),

    'likes' => array(
      '#type' => 'fieldset',
      '#title' => t('Likes'),

      'bands' => array(
        '#type' => 'textarea',
        '#title' => t('Bands'),
      ),

      ...
    ),

    ...
  );

Re Fieldsets

GoodJJJ's picture

Symantically, these two headings should be fieldsets.
This improves the accessiblity of the logical grouping of these fields.

You can use CSS to style them up however you like (including making them ALL CAPITALS).

E.g.
$form = array(
'details' => array(
'#type' => 'fieldset',
'#title' => t('Personal Details'),

  'name' => array(
    '#type' => 'textfield',
    '#title' => t('Name'),
  ),

  ...
),

'likes' => array(
  '#type' => 'fieldset',
  '#title' => t('Likes'),

  'bands' => array(
    '#type' => 'textarea',
    '#title' => t('Bands'),
  ),

  ...
),

...

);

I am total newbie to drupal, >>>this bit Symantically, these two headings should be fieldsets.
This improves the accessiblity of the logical grouping of these fields.<<< Could you explain this further please Akaoni

More on Fieldsets

Akaoni's picture

Here's a good article on using fieldsets to group form elements:
http://www.456bereastreet.com/archive/200904/use_the_fieldset_and_legend...

re More on Fieldsets

GoodJJJ's picture

I am unshore how to implement the above articles advice into my project

WebForm and Form Builder

amaree's picture

If you are using webform you should also take a look at Drupal Module Form Builder, you use this in conjunction with Drupal Web Form. This enables a Drag and Drop interface for creating forms. This is also what has been used on Drupal Gardens (Drupak Gardens adds some extra UI goodness) however if you use the two modules building forms is a simple drag and drop process.

For example to add a fieldset in Drupal with Webform and Form Builder modules you would simply drag and drop the fieldset field and then inside that area you would drag and drop the fields you want in there etc.

Hope that helps, and I can not be more serious about using Webforms and Form Builder it has become part of our standard build at Demonz Media.

re WebForm and Form Builder

GoodJJJ's picture

Hello there Amaree

thanks for the reply.... From the replies that have been so far I am only following snippets so am going to try and keep it simple...best way

I have the following modules installed (to create this webform) and terms I need explained to me.

1) Webform installed and working
2) Fieldgroup installed ..... not shore what or how I am meant to be using it to create the webform.(any tips?)
3) fieldset ...... not sure what that means (any tips ?)
4) fieldset field .....not sure what that means (any tips?)
5) Form Builder ....not installed but shall install if it achieves my goal which I shall mention below.....it also mentions this http://drupal.org/project/options_element.....I need that module as well right amaree?

Here is what I am hoping to achieve

A Heading Personal Details......no user input....but the heading appears with the email ### or don't people use headings?

to create the above I found the following http://drupal.org/node/774742 not sure if that's what I am meant to use.....plus if is...then some parts have me confused which shall ask at a later date

so the goal is this

Heading: as per # ###
Name , Address and Email which I have successfully created in webform

thanks in advance for help and advice

You must have been reading my

chaloum's picture

You must have been reading my mind is this the one you're talking about?
http://drupal.org/project/form_builder

EDMEDiA Australia

a few hic cups

brett1's picture

I find that the form builder and form builder examples parts of the module works fine

but:
Form builder Node UI &
Form builder Webform UI give me a few problems (on my site)

The Node UI won't allow me to edit pages without a nice big red error message (about path.inc)
and the Webform UI works to a degree, however the UI is some parts is "invisible"
so there's much dragging and dropping of strange invisible rectangles that are hard to
memories what is where. (I think I tried a different theme (bartik) and no luck either).

It looks like a great module.

how to alter the webform list page

patturaja's picture

Hi,
i am using web form module for creating forms.i need to alter the list of header like submitted,user, ip .i want get values of two form and shows in single list page .if possible where i give.Any body help me do this.

Thanks...

How do you add ckeditor to a webform field?

SoLoGHoST's picture

Hello, I created a webform, but textarea does not add ckeditor to it. How do I add the ckeditor (any text format) to a webform that I create?

Webform HTML Textarea

Thanks

SoLoGHoST's picture

Thanks, that's exactly what I needed!

Australia

Group categories

Location

Group notifications

This group offers an RSS feed. Or subscribe to these personalized, sitewide feeds: