【问题标题】:Regarding Webform issue in Drupal 8关于 Drupal 8 中的 Webform 问题
【发布时间】:2021-01-11 14:13:31
【问题描述】:

我是 Drupal 8 开发的新手,我已经使用 webform 模块创建了一个基本的 webform,现在我想添加自定义 css 以使其更具吸引力,那么如何在我的 webform 中添加自定义 css?任何线索将不胜感激.. 快乐编码..

【问题讨论】:

  • 你能告诉我们你的代码吗?
  • 嗨 Aviv Lo,我已将此代码添加到我的主题文件夹中的 css 文件 #webform-submission-sample-multi-step-webform-add-form{ background-color: lightblue;字体样式:倾斜;字体大小:17px;字体变体:小大写;字体粗细:粗体;填充:10px;这段代码是示例代码,有点像我的原始代码。我想它会对你有所帮助。我还有一个问题,你知道网络表单处理程序吗?比如如何在 webform 中设置自定义 webform 处理程序

标签: drupal drupal-8 drupal-modules drupal-webform


【解决方案1】:

如果您只需要应用 CSS 样式,那么如果您查看 Web 表单的源代码,您会看到它们具有容器 div,其中包含 ID 号的类。此 ID 将允许您直接定位特定的网络表单。

如果您的意思是要添加自己的 div 等并模板化不同的网络表单,那么最好的方法是为其创建特定的模板文件。

在您的主题文件夹中,您可以添加一个模板文件,例如:webform-form-[nid].tpl.php 您可以通过查看表单的源来获取 ID,它显示在表单父 div 之一中。

作为您的基础,您可以使用 webforms 模块中的默认模板。转到(或您安装了 webforms 模块的其他位置):

/sites/all/modules/webform/templates/webform-form.tpl.php

然后复制文件夹。

【讨论】:

  • 非常感谢它的工作原理。我已经在 settings/css 或 js 字段中编写了我的 css 代码,它工作正常......谢谢
  • 不用担心@PrajjwalKumar!
猜你喜欢
  • 2020-05-10
  • 1970-01-01
  • 2020-02-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-28
  • 1970-01-01
相关资源
最近更新 更多