主页 > 专属服务器 > > 正文

分布式存储_香港服务器搭建vpn_年度促销

浏览:

分布式存储_香港服务器搭建vpn_年度促销

我最近有机会与Design Studio合作了很多,特别是在openSAP上为BI客户机和SAP HANA应用程序开发课程材料的过程中。在第3周第3单元的练习中,我们在DesignStudio 1.3中使用CSS格式化交叉表和维度过滤器。结果是这样的:

当我写这个练习时,我只是盲目地摸索着使用这个方便的文档作为参考:

designstudio 1.1 CSS类的完整列表(?)

我推出了以下CSS,至少对于维度过滤器来说,它是相当笨拙的:

在我使用维度过滤器的努力的根源,是边缘强迫症困扰于调整下拉框和维度过滤器所需的垂直空间。designstudio应用程序设计器不允许您在使用移动主题时设置下拉框的高度。它被硬编码为auto,值为31:

也许我的一小部分人希望它能在DS 1.4中得到修复,但由于没有,我现在确信这是为了优化触摸事件的下拉按钮而做出的决定,在移动设备上。

现在我们已经解决了这个问题(或者我们已经解决了?)剩下的唯一任务是将应用程序标题部分上与下拉框共享不动产的维度筛选器的大小调整为相等的高度31。也许这是微不足道的,但我认为,为了在我们的视觉设计方法中提供一致性,它仍然很重要。借用视觉设计基础网站的一句话,这是unity的一个组成部分:

好的,所以我在这个小应用程序中使用unity的方法是规范化单个x轴上的所有过滤组件,并让它们以相同的高度渲染。

这应该很容易吧?

我就把维度过滤器的高度设为31,快快乐乐地往前走……

等一下,这不对……维度过滤器的底部被切断了,组件的侧面有一个滚动条!即使在紧要关头,我也不能很好地用看起来如此不专业的东西来完成openSAP练习。因此,新云,我对我当时了解的类进行了研究,并提供了一个过滤器栏,我们可以仔细查看:

很明显,维度过滤器比其他组件更大,尽管字体大小已经减小。不幸的是,由于我的最后期限迫在眉睫,而且我非常喜欢玩线性渐变属性,所以我继续按原样发表了这篇文章。故事结束了对吧?

不完全是。几周前,人工智能工作,一个学生在论坛上问是否可以在Design Studio交叉表的标题单元格中应用换行符(顺便说一句:

.sapzencrosstab HeaderCellContentDiv{word break:break all!重要;空白:正常!重要;}

)我在一个SCN评论中沉思,我想知道人们是如何知道要使用哪个CSS类的:

Mike的评论很有针对性……但最初我并不完全确定他的意思。我以前用过开发人员工具,大数据难学吗,但我怎么能用它来整理我所有的CSS呢?下面是我用来识别控制维度过滤器所需的类和属性的过程,并使其在31px的高度上看起来正确。

让我们从一个未格式化的应用程序开始:

我将在本地执行该应用程序并在Chrome中启动。一旦启动,按键盘上的F12键打开开发工具。你的屏幕现在看起来像这样:

你想在元素选项卡,你应该看到右边的样式选项卡。不幸的是,这里有很多噪音要筛选,我要以此为借口解释为什么我最初没有偶然发现这个。不过,多亏了迈克的评论,我知道如果我能找到的话,这里一定有魔力。在上图中,您可以看到一个div被设置为页面主体的100%…这是应用程序的其余部分所包含的根div。展开几个级别,找到从中继承移动主题的根元素。:

一旦你展开身体元素,你可以看到魔法发生的地方:

你有了它!上面注释中的div包含应用程序中的所有组件。在本例中,我的应用程序名为WORDBREAK,因此它显示在开始/结束模板主体注释中。再展开几个级别,我们最终找到了包含维度过滤器的元素:

当您将鼠标移到浏览器上时,Chrome会在浏览器上突出显示实体,这非常有帮助。如果不是这样的话,我要花很长时间才能弄清楚维度过滤器在哪里。现在需要注意的是,我们对这个容器作为绝对对象并不感兴趣。我们只需要确定它下面的CSS类…所以让我们再扩展几个级别(这真的像剥洋葱…对我来说是6个级别):

最后,我们可以确定一个CSS类,看起来很熟悉从1.1参考!我们还可以看出sapzenfilterpanel容器类正确地继承了设计器中设置为31的height属性。既然看起来没问题,我们继续我们的螺旋下降,直到我们找到sapzenfilterpanel RowRepeaterRow:

最后,罪犯开始浮出水面。这个行容器设置了47px的高度,忽略了我在应用程序上设置的值…真丢脸!我们现在知道类:

.sapzenfilterpanel Container.sapzenfilterpanel RowRepeaterRow

在这里具有优先级。它还替代了单个类上设置的另一个不正确的45px值。sapzenfilterpanel RowRepeaterRow。我们可以在Chrome中更改它,物联网技术应用,看看修复后的效果:

滚动条消失了,容器绘制正确,但我们仍然需要调整维度过滤器内部的文本组件。

其余的更改是相同的。

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 亚马逊云_海报cdn_优惠券
    <strong>亚马逊云_海报cdn_优惠券</strong>

    亚马逊云_海报cdn_优惠券

    消费者在哪里?这不是医疗保健领域的"捉迷藏"游戏,而是建立一个全面运转的医疗保健系统所需要的关键缺失要素。让消费者参与进来——作为一个消费...

  • 云解析_svn服务器安装_限时特惠
    <strong>云解析_svn服务器安装_限时特惠</strong>

    云解析_svn服务器安装_限时特惠

    集成/docker/梅索斯/marathonapachemesos是一个用于调度和管理分布式应用程序的开源集群管理器。Mesos几乎就像整个集群是一个单一的集群一样分配CPU和RAM等资源...

  • 云服务器_阿里云服务器账号_哪家好
    <strong>云服务器_阿里云服务器账号_哪家好</strong>

    云服务器_阿里云服务器账号_哪家好

    技术支持副总裁Aileen Wyer和高级系统管理员Maruf Rahman最近与我们坐下来讨论我们的合作伙伴关系如何帮助CAN Capital的遗留备份基础设施现代化,以简化数据管...

  • 消息队列_折枝by困倚危楼百度云_新注册优
    <strong>消息队列_折枝by困倚危楼百度云_新注册优</strong>

    消息队列_折枝by困倚危楼百度云_新注册优

    今天,两位前行业分析师(现在是Veeam高管)讨论了塑造数据保护行业和IT格局的趋势:Jason Buffington@JBuff,前ESG数据保护首席分析师Dave Russell@BackupDave,Ga...

  • 中间件_服务器能干什么_超低折扣
    <strong>中间件_服务器能干什么_超低折扣</strong>

    中间件_服务器能干什么_超低折扣

    Nathan Sielaff,World Vision的系统工程师,负责备份、存储等。他致力于创建一个灵活和敏捷的IT环境,这样组织就不必担心底层基础设施,可以将精力集中在任...

云储存

更多 >
  • <strong>网站建设_邯郸网站建设_怎么买</strong>
    网站建设_邯郸网站建设_怎么买

    对于数据转换活动,客户数据上载是其余上载的基础。MAINTAIN_BAPI是class CMD_EI_API中非常强大的创建和更改客户数据的方法, 客户创建和维护可以使用class ...

  • <strong>文件存储_服务器反向代理_免费1年</strong>
    文件存储_服务器反向代理_免费1年

    SCN空间的所有内容都将迁移到Virtualization and Cloud Infrastructure社区和Virtualization and Cloud Infrastructure Wiki。 因此,此页面的内容已迁移到VMware vSphere Wiki上的SA...

云储存云数据库_华为云桌面价格_价格
云储存域名交易_鬓边不是海棠红百度云_好用
云储存数据库_数据库应用技术_新注册优惠
云储存域名交易_域名转入阿里云_折扣
云储存腾讯云_阿里云免费_限时特惠