Lumira Designer:自适应布局不能滚动?

2020-09-18 18:28发布

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

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


你好

我使用Lumira 2.0 Designer构建了一个演示应用程序,在调整屏幕大小时遇到​​了问题。 自适应布局组件正确地布置了元素,但是当将窗口调整为"小"尺寸(在桌面上)时,我的图块垂直排列,并且用户不再看到底部的图块。 默认情况下,也没有向下滚动的选项。 因此,我正在寻找解决方案并执行以下操作:

创建了一个面板,并在其中插入了自适应布局组件。

创建CSS类:

div.zenborder div.scroll-y

{/*不允许X滚动*/overflow-x:隐藏!重要;/*允许Y滚动*/溢出-y:滚动!important;

我还将CSS类分配给了面板。

请查看随附的屏幕截图以获取结果...

有什么办法解决这个问题吗?

提前谢谢!

内容:

CSS:

分配了CSS类的面板:

大结果:

结果媒介:

小结果:(如您所见,我无法向下滚动以完全看到第四个图块)

(16.4 kB)

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

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


你好

我使用Lumira 2.0 Designer构建了一个演示应用程序,在调整屏幕大小时遇到​​了问题。 自适应布局组件正确地布置了元素,但是当将窗口调整为"小"尺寸(在桌面上)时,我的图块垂直排列,并且用户不再看到底部的图块。 默认情况下,也没有向下滚动的选项。 因此,我正在寻找解决方案并执行以下操作:

创建了一个面板,并在其中插入了自适应布局组件。

创建CSS类:

div.zenborder div.scroll-y

{/*不允许X滚动*/overflow-x:隐藏!重要;/*允许Y滚动*/溢出-y:滚动!important;

我还将CSS类分配给了面板。

请查看随附的屏幕截图以获取结果...

有什么办法解决这个问题吗?

提前谢谢!

内容:

CSS:

分配了CSS类的面板:

大结果:

结果媒介:

小结果:(如您所见,我无法向下滚动以完全看到第四个图块)

(16.4 kB)
付费偷看设置
发送
12条回答
追夢秋陽
1楼 · 2020-09-18 19:04.采纳回答

我已解决此问题-将CSS更改为以下内容:

div.zenborder div.scroll-xy {

/*允许X滚动*/
overflow-x:滚动!重要;

/*允许Y滚动*/

溢出-y:滚动!重要; }

现在,当我打开报表(在本地或Lumira Designer中的BIP上)并调整窗口大小时,将显示滚动条。

我意识到,当我在BI Launchpad中打开报表时,即使在调整窗口大小时也不会出现滚动条。

是否知道如何在BI Launchpad上也可以使用此功能?

Baoming ROSE
2楼-- · 2020-09-18 19:05

Hello Burcu,

您可以通过使用CSS(如上所述)或使用Lumira 2.1解决此问题。 有一个称为"可滚动容器"的新组件。

希望这会有所帮助!

最诚挚的问候,

马里奥

clasier
3楼-- · 2020-09-18 18:58

嗨,穆斯塔法,

感谢您分享您的想法。 您在萤幕撷取画面中的名称是正确的-我以相同的结果纠正了这个问题->没有可见的滚动条。

有什么想法吗?

4楼-- · 2020-09-18 18:40

你好,

我意识到该脚本实际上是有效的-但仅适用于移动设备(在我的情况下为iphone)。 在桌面上,我没有滚动选项-也没有可见的滚动条。

Haoba3210
5楼-- · 2020-09-18 18:44

您好,即使我没有调整滚动条的大小,也不会显示滚动条:

我只能看到三个磁贴...第四个是我无法滚动到的底部。

me_for_i
6楼-- · 2020-09-18 18:40

嗨,马里奥,

对此是否有任何更新,您可以解决此问题吗?

一周热门 更多>