点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)我通过滚动创建了一个SAP De...
点击此处---> 群内免费提供SAP练习系统(在群公告中)加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)我通过滚动创建了一个SAP De...
加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)
我通过滚动创建了一个SAP Design Studio应用程序(1.6 SP3),我在Chrome和firefox浏览器上进行了测试,并且运行良好。
这是我的CSS,带有滚动和媒体查询响应代码:
/*可滚动容器*/ /* https://github.com/KarolKalisz/DesignStudioBiAppRepository/blob/master/SCN_SCORABLE_CONTAINER/scroll.css */ div .__ container0 div.scroll-x { /*允许X滚动*/ 溢出-x:滚动!重要; /*不允许Y滚动*/ 溢出-y:隐藏!重要; } div .__ container0 div.scroll-y { /*不允许X滚动*/ 溢出-x:隐藏!重要; /*允许Y滚动*/ 溢出-y:滚动!重要; } div .__ container0 div.scroll-xy { /*允许X滚动*/ 溢出-x:滚动!重要; /*允许Y滚动*/ 溢出-y:滚动!重要; } div .__ container0 div.hidden { /*不允许X滚动*/ 溢出-x:隐藏!重要; /*不允许Y滚动*/ 溢出-y:隐藏!重要; } .mytext1 { 字体:24px粗体居中普通Arial,无衬线! } div.zenborder div.scroll-x { /*允许X滚动*/ 溢出-x:滚动!重要; /*不允许Y滚动*/ 溢出-y:隐藏!重要; } div.zenborder div.scroll-y { /*不允许X滚动*/ 溢出-x:隐藏!重要; /*允许Y滚动*/ 溢出-y:滚动!重要; } div.zenborder div.scroll-xy { /*允许X滚动*/ 溢出-x:滚动!重要; /*允许Y滚动*/ 溢出-y:滚动!重要; } div.zenborder div.hidden { /*不允许X滚动*/ 溢出-x:隐藏!重要; /*不允许Y滚动*/ 溢出-y:隐藏!重要; } @media屏幕和(最大宽度:736px){ .myHeaderText { font-size:12px!important; text-align:居中!重要; line-height:55px!important; 颜色:#ffffff!重要; 字体:Calibri,sans-serif!important; } .mybutton1 { border-radius:10px!important; 颜色:#004080!重要 background-color:#f2f2f2!important; 字体:10px Calibri,无衬线!important; /* font-weight:粗体; */ 文本对齐:居中; 空格:正常; 自动换行:断词; } .mytext1 { 字体:8px粗体居中正常Arial,无衬线! } }
如果我在Iphone 6的Safari浏览器上运行它,而且它没有滚动/滑动,则只能得到静态视图。 我无法上下滑动,也无法上下滚动。
有用于刷卡的特定代码吗?
为什么?
发生了什么事?
最好的问候
嗨Marco,
在Design Studio的移动设备上滚动是SCN上的热门话题。 您应该牢记一些重要的注意事项:
1。 看来您正在通过本地移动Safari浏览器使用Design Studio应用程序,大概是通过访问BI Launchpad URL,而不是通过iOS的本地SAP BI Mobile应用程序。 SAP注释1971933 并未正式支持这种用法。
专门用于Design Studio的 Design Studio产品可用性列表,其中指出不支持通过本机移动浏览器查看。
总之,唯一受支持的使用方法是 通过本机SAP BI Mobile应用程序;
2。 使用专为移动和台式机设计的新SAPUI5 M模式,您应该发现标准组件(如列表框和交叉表)可以按预期滚动。 面板滚动是一个例外。 根据您的CSS示例,我假设您正在尝试将滚动应用于Panel组件,如博客文章 Design Studio中的可滚动面板(以显示更大的内容)。 但是,如果您按照讨论进行操作,您会发现那里描述的CSS方法是针对台式机而非移动设备的;
3。 以我的经验,必须通过CSS来实现在移动设备上滚动的具体情况,具体取决于设备和组件,同时还要考虑到Design Studio对移动滚动的限制。 没有解决所有移动场景的灵丹妙药CSS方法。
所有这些都是基于最新 Lumira 2.0路线图,您应该发现Lumira Designer中提供了对移动设备更好的滚动支持 2.0。
问候,
穆斯塔法。
一周热门 更多>