Webformはとても便利で、ある部分は標準ノード編集より使いやすい（ユーザーフレンドリー）なところがあり、U/Iの観点からノードを投稿するのではなく、一旦Webformで投稿し、自動的にノードを生成するような使い方もアリです。
Webform4からは、送信内容確認機能も追加され、Conditional（状態判定機能）、複数ページ機能と合わせると相当良いU/Iを作れます。
ただ、残念ながら、生成出力されるタグが<div>中心のため、表示崩れや、日本受けしないなどの理由から採用を躊躇してしまうこともあります。
CSSやテンプレートで頑張れば、それなりに対応できますが、Webform全てに対応するのは時間がかかります。
やはり、和風なテーブル表示形式に対応し、内容確認画面共々テーブル表示することで安定したフォームを作りたいものです。
カテゴリ |
Core Ver. | 関連モジュール | タイトル |
|---|---|---|---|
| フォーム | 8.9.x | api | GET/POSTされた情報を得る方法 |
| フォーム | 8.9.x | Views | Views exposed filterのフォームに#default_valueを仕込む方法 |
| フォーム | 8.6.x | JavaScript | 特定のformに動的にJavaScriptをロードする方法 |
| フォーム | 7.16 | Webform, Mail System, Mime Mail, Jp Mail Helper | 送信メールのサブジェクトが長いと文字化けする |
| フォーム | 7.15 | Webform | WebformのEntity Translation |
| フォーム | 7.15 | DefaultTextForNode | 新しいページの作成方法を一から教えてください |
| フォーム | 7.38 | Webform | Webformでタクソノミーを参照したい |
| フォーム | 8.7.x | Webform | WebformのCheckboxの要素にて表記の変更 |
| フォーム | 7.34 | Webform | 動的なフォーム（webform） |
| フォーム | 8.6.x | JavaScript | 特定のformにJavaScriptを紐付ける方法 |
| パフォーマンス | 7.34 | Server | お金をかけないで冗長化するには |
| ニュースレター | 7.34 | Simple news | Simplenewsで追加顧客（リスト）だけにニュースレターを配信する方法 |
| テーマ | 7.15 | CSS Injector | 簡単にCSSを追加したい |
| テーマ | 8.9.x | Twig | Twig で 月末日を算出する方法 |
| テーマ | 8.7.x | Bartikのtwigについて | |
| テーマ | 8.9.x | patch パッチ | 開発環境のファイル変更を本番環境にパッチでデプロイする方法（画像含まず） |
| テーマ | 8.9.x | スマホに向いたテーマについて | |
| テーマ | 8.3x | Contribute themes | drupal8-寄贈テーマの動向 |
| テーマ | 8.4x | hook_preprocess_html | bodyタグにnode idやaliasのClassを追加する方法 |
| テーマ | 8.3x | Theme | drupal8 で パスに応じたページテンプレート名を利用する方法 |
コメント
Webformのテーブル化は、下記手法で実現します。
パーマリンク Submitted by actbrain on 2015/07/01 22:02.
Webformのテーブル化は、下記手法で実現します。
1．hook_form_alter()でsubmission（フォーム）とpreview（内容確認）全体をテーブルでラップする。
2．各フォームを<tr>〜</tr>でラップする。
参考）下記のようなコードになります。
/**
* Implement hook_form_alter() {
*/
function モジュール名_form_alter(&$form, $form_state, $form_id) {
if (strpos($form_id, 'webform_client_form_') === 0) { // Webform client form?
// フォームをテーブル化する。
foreach (array('submitted', 'preview') as $type) {
if (isset($form[$type]) && is_array($form[$type])) {
$form[$type]['#prefix'] = '<table><tbody>';
$form[$type]['#suffix'] = '</tbody></table>';
_モジュール名_erase_title_display($form);
foreach ($form[$type] as $field_name => &$field) {
if (strpos($field_name, '#') !== 0 && is_array($field)) {
$label = $required = $display = $visibility = '';
if (isset($field['#title'])) {
$label = $field['#title'];
}
$required = !empty($field['#required']);
if ($required) {
$label .= '<span class="form-required" title="このフィールドは必須です。">*</span>';
}
if (!$label) {
$display = 'display: none;';
}
// tr.class.
$tr_class = str_replace('_', '=', $field_name).'-tr';
// th, td.
foreach (array('#prefix', '#suffix') as $t) {
if (!isset($field[$t])) {
$field[$t] = '';
}
}
$field['#prefix'] = str_replace(
array('[tr_class]', '[tr_style]', '[th_style]', '[label]'),
array($tr_class, $display, $visibility, $label),
'<tr class="[tr_class]" style="[tr_style]"><th style="[th_style]">[label]</th><td>'
).$field['#prefix'];
$field['#suffix'] .= '</td></tr>';
}
}
}
}
}
}
function _モジュール名_taxonomy_parents_push($tid) {
static $tree = array();
$term_name = '';
if ($term = taxonomy_term_load($tid)) {
$term_name = $term->name;
if (!isset($tree[$term->vid])) {
$tree[$term->vid] = array();
$t = taxonomy_get_tree($term->vid);
foreach ($t as $obj) {
$tree[$term->vid][$obj->tid] = $obj;
}
}
if (!empty($tree[$term->vid][$term->tid]->parents[0])) {
$term_name = _モジュール名_taxonomy_parents_push($tree[$term->vid][$term->tid]->parents[0]).($term_name? '-'.$term_name: '');
}
}
return $term_name;
}
使ったことはありませんが、Webform Table
パーマリンク Submitted by actbrain on 2016/09/22 17:36.
使ったことはありませんが、Webform Table Elementモジュールというのもあるようです。
https://www.drupal.org/project/webform_table_element
ページ