将消息吐司显示为成功还是错误?

2020-08-30 11:21发布

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

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


嗨,

是否可以将消息吐司显示为成功,错误或信息?

就像,我希望一条消息应该带有成功图标,消息文本...以及一些背景颜色

请尽快回复。

谢谢

Vaibhav

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

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


嗨,

是否可以将消息吐司显示为成功,错误或信息?

就像,我希望一条消息应该带有成功图标,消息文本...以及一些背景颜色

请尽快回复。

谢谢

Vaibhav

付费偷看设置
发送
5条回答
nice_wp
1楼 · 2020-08-30 11:45.采纳回答

嗨Vaibhav,

我猜想无法显示图标。 但是,您可以显示不同的背景颜色来显示错误/成功。

此示例会有所帮助吗? JS Bin-协作JavaScript调试

问候,

Sai。

大简至美
2楼-- · 2020-08-30 11:24

感谢Fatih????

一只江湖小虾
3楼-- · 2020-08-30 11:40

嗨Vaibhav,

扩展messageToast Control并更改渲染以获取自定义颜色。

致谢

Srikanth

我是小鹏鹏啊
4楼-- · 2020-08-30 11:31

您好,Srikanth,

是否可以为此提供示例代码?

compass1988
5楼-- · 2020-08-30 11:40

Name.controller.js

 onPressButtonMessage:函数(oEvent){

 MessageToast.show("嗨,这是成功吐司");
 $(" .sapMMessageToast").addClass(" sapMMessageToastSuccess");

 },
 

style.css

/*样式:MessageToast */
/* ------------------------------------------------  ---------- */


 .sapMMessageToastSuccess {
     颜色:#4F8A10!重要;
     背景颜色:#DFF2BF!important;
     边框:1px实心#4F8A10!重要;
     border-left:7px实心#4F8A10!
 }


 .sapMMessageToastInfo {
     颜色:#00529B!重要;
     背景颜色:#BDE5F8!important;
     border:1px solid#00529B!important;
     border-left:7px实心#00529B!
 }


 .sapMMessageToastWarning {
     颜色:#9F6000!重要;
     背景颜色:#FEEFB3!important;
     border:1px solid#9F6000!important;
     border-left:7px实心#9F6000!重要;
 }


 .sapMMessageToastDanger {
     颜色:#D8000C!重要;
     背景颜色:#FFD2D2!important;
     border:1px实心#D8000C!
     border-left:7px实心#D8000C!重要;
 }


 .sapMMessageToastNote {
     颜色:#FCF9F9!重要;
     背景颜色:#5D5C5C!important;
     border:1px solid#4E4D4D!important;
     border-left:7px实心#4E4D4D!重要;
 }
 

一周热门 更多>