主页 > 云主机 > > 正文

腾讯云_科学引文数据库_学生机

来源:胜利云 发布时间:2021-09-08 03:50 标签:腾讯科学数据库生机引文
浏览:

在我之前的博客中,我们讨论了如何在SAP BusinessObjects Design Studio中设置单选按钮和复选框的样式,以及如何在SAP BusinessObjects Design Studio中识别这些组件使用的图像。

在本博客中,我们将看到CSS如何在SAP BusinessObjects Design Studio中为这些组件工作。我们还将学习如何自定义这些图像的颜色以及如何在组件中使用这些自定义图像。

SAP BusinessObjects Design Studio使用不同的图像来区分和显示复选框/单选按钮选择。当用户在复选框或单选按钮中选择一个选项时,组件使用的图像将更改为与所选选项对应的图像。根据应用程序使用的主题,图像将被另一个替换,或者图像的位置将被更改。

1。在白金、金色反射或蓝色水晶等主题上,使用单个图像并基于用户选择;背景位置属性用于移动此图像以指示选择和取消选择–类似于CSS图像精灵。

用于白金主题的单选按钮精灵图像

2。在Mobile和Mobile Black等主题上,使用两个独立的图像,其中一个表示"选中",另一个表示"取消选中"。在这种情况下,图像本身将根据用户的选择而改变。

移动主题中选择的单选按钮图像

移动主题中取消选择的单选按钮图像

移动主题中禁用单选按钮时,CSS中使用的图像的不透明度降低了50%。

对于使用单个图像精灵表示组件上的选定/未选定状态的组件,请参阅表1。

注意:对于某些主题,CSS类名可能在DS 1.4和DS 1.5之间变化。

表1:对于使用单个图像的组件,图像和CSS类

请参阅表2对于使用两个图像及其对应的CSS类名的组件,

表2:使用两个单独图像的组件的图像名称和CSS类名

注意:高对比度黑色主题不使用图像,返现卡,因此上述过程不适用于此主题的单选按钮和复选框组件。

1。根据您的要求编辑图片

使用您选择的图片编辑工具或之前博客中提到的网站,根据您的要求编辑这些图片的颜色。有几点你需要注意:

2。将图像转换为URI

一旦编辑了图像,下一步就是将它们转换为URI,以便您可以在自定义CSS文件中引用它们。

使用在线图像URI转换器,物联网+,如\u tools/image\u to\u data\u uri\u convertor/将编辑的图像转换为URI。

在线URI转换器

URI图片转换

你也可以参考这个博客,了解如何有效地使用URI。

3。自定义CSS文件

现在我们已经将编辑的图像转换为uri,我们的目标是覆盖这些组件(在本例中是单选按钮组)使用的默认图像。为了确保组件现在使用修改后的图像,我们在自定义CSS文件中分配这些组件使用的CSS类中的相应图像URI,并将其上载到SAP BusinessObjects Design Studio。

因为在我们的示例中,我使用了"移动"主题,我只需要用我们的自定义图像修改以下CSS类:

.sapUiRb>label{Background image:url();}。sapUiRbSel.sapUiRb文件>label{Background image:url();}

在我的应用程序中,我试过把蓝色单选按钮改成红色。我在上面的CSS代码中插入了用于取消选择和选择指示的相应图像uri。为了您的参考,我还分享了我使用的CSS文件:点击这里下载CSS文件。将此自定义CSS文件上载到我的SAP BusinessObjects Design Studio应用程序后,自定义单选按钮出现,如下图所示。

CSS自定义单选按钮

请注意,当使用带有单个图像的主题时,您可能只需修改一个类,以确保组件的样式发生更改。CSS类见表1和表2,

CSS文件的一般结构如下:

a.组件使用一个图像时CSS文件的格式

b.组件使用两个图像时CSS文件的格式

学习如何使用CSS修改组件,您可以参考此链接-。

一旦上传CSS文件,组件将根据修改后的图片进行CSS修改,我们就完成了!

在SAP BusinessObjects Design Studio中定制这些标记非常有趣。!!!

太好了!!谢谢您!!

嗨,甘尼什,服务器和云服务器,

你的帖子真是太棒了!!!。但在我的例子中,我想根据需要减小按钮的大小,尽管它只适用于取消选择的值(参见pic1)。请看第二张图片,让我知道如果我错过了任何关于css编码。感谢您的回复。感谢

嗨Vijai,

很抱歉回复太晚。

按钮(标记)只是我在博客中提到的图像,首先你需要用一些图像转换器将图像调整到18px并将其用作URI。

实际上你没有错过任何东西,你做得很好。但是,请记住也转换图像。

请找到我下面的脚本,图像大小转换为18像素,并将"small"作为CSS类指定给单选按钮。

注意:添加了"small"作为自定义类,以显示您甚至可以在单个仪表板中使用不同大小和格式的单选按钮。(如果您感到困惑,请删除前面的".small",大数据的应用,也不要给单选按钮分配任何类)。

脚本:-

.small.sapUiRb>标签

{

高度:18px!重要;

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

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

热门文章

  • 域名备案_阿里云销售顾问_最新活动
    <strong>域名备案_阿里云销售顾问_最新活动</strong>

    域名备案_阿里云销售顾问_最新活动

    高速互联网和功能强大的应用程序使得几乎所有有办公桌工作的人都可以在家工作。然而今天,大多数公司仍然坚持要求员工忍受有时令人心碎的上下班路...

  • 数据库_分布式消息中间件实践pdf_免费领
    <strong>数据库_分布式消息中间件实践pdf_免费领</strong>

    数据库_分布式消息中间件实践pdf_免费领

    作者:马库斯·瓦纳关于2017年趋势的讨论正在迅速而激烈地展开,职场也不例外。随着新的一年即将到来,职场趋势专家们正在为2017年列出自己的预测清单...

  • 域名注册_自考数据库_免费6个月
    <strong>域名注册_自考数据库_免费6个月</strong>

    域名注册_自考数据库_免费6个月

    正如Facebook和Twitter首席运营官(COO)上周在美国国会作证时所说,出现的一个突出主题是,这些公司在保护其平台免受网络攻击方面所扮演的角色。这些公...

  • 域名解析_阿里云是什么意思_怎么买
    <strong>域名解析_阿里云是什么意思_怎么买</strong>

    域名解析_阿里云是什么意思_怎么买

    类别工作日新闻与文化财务人力资源规划技术创新分析与见解客户和社区行业金融服务政府保健高等教育款待媒体和娱乐专业和商业服务零售技术更多播客...

  • 网站服务器_王者荣耀服务器未响应_限时
    网站服务器_王者荣耀服务器未响应_限时

    网站服务器_王者荣耀服务器未响应_限时

    日本甲骨文公司今天宣布,ISOU项目采用甲骨文区块链平台管理一种本币的发行和消费。日本甲骨文公司是ISOU项目的支持公司,该项目旨在解决人口稀少地...

云储存

更多 >
  • <strong>网站空间_电脑百度云_促销</strong>
    网站空间_电脑百度云_促销

    各位, 科技季又一次来临了。这不是一年中与同事和朋友见面最美妙的时刻,就是令人讨厌的"我去了TechEd,我得到的只是这件糟糕的t恤"博客占据了你的...

  • <strong>阿里云_专业网站建设开发_哪家好</strong>
    阿里云_专业网站建设开发_哪家好

    土著澳大利亚人 数据可视化有助于了解原始数据,使我们能够就研究领域的相关问题作出决策。在这个博客中,我们展示了从2007年到2013年收集的死亡原因...

云储存免备案CDN_国外服务器_免费6个月
云储存腾讯云_时王百度云_优惠券
云储存云主机_云空间服务器_0元
云储存腾讯云_长沙网站建设价格_多少钱
云储存大带宽_阿里巴巴云舒的年薪_免费1年