如何更改Fileupload弹出窗口的样式?

2020-09-06 02:40发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


专家您好!

我想更改batchload弹出窗口的外观和布局(添加一些填充,边距等)

OOTB弹出窗口:

替代文本

我知道我可以创建自定义模板并调用Fileupload.setTemplate()。 我想知道是否还有其他解决方案。 hybris是否会以某种方式覆盖OOTB zul文件( original fileuploaddlg.zul )吗? hybris中是否有任何我可以覆盖的css文件?

感谢安德烈(Andrzej)

(4.4 kB)

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


专家您好!

我想更改batchload弹出窗口的外观和布局(添加一些填充,边距等)

OOTB弹出窗口:

替代文本

我知道我可以创建自定义模板并调用Fileupload.setTemplate()。 我想知道是否还有其他解决方案。 hybris是否会以某种方式覆盖OOTB zul文件( original fileuploaddlg.zul )吗? hybris中是否有任何我可以覆盖的css文件?

感谢安德烈(Andrzej)

(4.4 kB)
付费偷看设置
发送
4条回答
zhangjiyang1323
1楼-- · 2020-09-06 03:00

嗨,

这不只是样式问题吗? 您不能只创建自定义的 scss 文件并在那里定义样式吗?

  1. 创建文件 yourextension/backoffice/resources/cng/css/yourextension_common.scss (必须是这种方式-此类文件是按惯例加载的),并且它将自动编译 在 ant build 调用期间访问CSS,并在系统启动期间加载。 我建议使用此文件从 yourextension/backoffice/resources/cng/scss/components 路径(您可以在此处使用相对路径)中导入样式-仍然只是建议,而不是要求

  2. 如果上载弹出窗口是窗口小部件的一部分,则可以将scss文件放在窗口小部件的 definition.xml 旁边的 yourextension \ backoffice \ resources \ widgets 的子文件夹,并像小部件ID的最后一个元素一样调用它(例如,对于ID为 com.company的小部件,在 yourextension \ backoffice \ resources \ widgets \ somewidget \ somewidget.scss 中)。 commerce.widgets.somewidget

干杯, Jacek

CPLASF-自律
2楼-- · 2020-09-06 03:11

杂音是否会以某种方式覆盖OOTB zul文件(原始文件uploaddlg.zul) ?

您可以使用 ant customze 覆盖任何文件。 customize 目标的定义是:

 递归将所有文件从"/img/config/customize"文件夹复制到"/img/bin"文件夹
  

您需要将自定义文件放置在原始文件夹结构中的'/config/customize'文件夹下,即,如果要覆盖/bin/x/y/z/abc.txt,则需要放置自定义的abc。 txt作为/config/customize/x/y/z/abc.txt,然后执行 ant custom

宇峰Kouji
3楼-- · 2020-09-06 03:00

嗨,

感谢您的回复。 是的,这只是样式问题。 我的弹出窗口是小部件的一部分,因此我决定使用您的第二条建议。 我创建了somewidget.css文件。 差不多可以了,但是我仍然有一些疑问。 我将以颜色为例。

如果我将下面的代码放入somewidget.css文件中,则所有按钮将变为绿色(也在弹出窗口中):

  .z-button {
      背景:#00ff00;
  }

  

替代文字

这是默认的OOTB fileuploaddlg.zul文件:

  <?xml version =" 1.0" encoding =" UTF-8"?>
  <?taglib uri =" http://www.zkoss.org/dsp/web/core" prefix =" c"吗?>
  <?page language =" xul/html"?>
  <?component name =" uploaddlg" extends =" window"
   class =" org.zkoss.zul.impl.FileuploadDlg" widgetClass =" zul.fud.FileuploadDlg"?>
  <?component name =" submit" extended =" button" widgetClass =" zul.fud.Submit"?>
 
  
      

  

我的问题:

  1. 如果我只想更改放置在uploaddlg组件中的按钮的颜色怎么办?

  2. 如果我只想更改id =" btns"放置在div中的按钮的颜色怎么办?

    这太笼统了: .z-div> .z- 按钮{背景:#00ff00; }

  3. 如果我只想使用id =" submit"更改按钮的颜色怎么办?

    我尝试过: #submit {background:#00ff00; } ,但无法正常工作。

感谢Andrzej

软件心理学工程师
4楼-- · 2020-09-06 03:02

嗨,

我想避免创建我的自定义zul文件。 为什么我不能使用id或name引用元素?

一周热门 更多>