Skip to Content

marquee effect for sap.m.MessageStrip

Hi @Dennis

I am trying to extend sap.m.MessageStrip to give moving/marquee effect .

here is the code :

sap.m.MessageStrip.extend("MovingMessageStrip",{

metadata: {

properties: {

text: {type: 'string', defaultValue: 'Example'},

showIcon: {type: 'boolean' ,defaultValue:true},

type:{type:'sap.ui.core.MessageType', defaultValue: 'Error'},

}

},

renderer: function(oRm, oCtrl) {

oRm.write('<div');

oRm.writeControlData(oCtrl);

oRm.write('>');

oRm.write('<marquee >' + oCtrl.getText()+'</marquee>');

oRm.write('</div>');

}

});

var myStrip1=new MovingMessageStrip({

text : "hi messagestrip", // string

type : sap.ui.core.MessageType.Error, // sap.ui.core.MessageType

showIcon : true, // boolean

showCloseButton : true, // boolean

});

myStrip1.placeAt('content');

Issue is text is moving but I am not able to see its type and Icon being reflected.i.e I am not seeing the text in red color with error icon

What is the wrong with the code..??

Thanks and Regards,

Sagar M Patil

Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

1 Answer

  • Oct 18, 2015 at 05:02 PM

    HI Sagar

    there are many ways to do this. This is one way

    JS Bin - Collaborative JavaScript Debugging

    Thanks

    -D

    Add comment
    10|10000 characters needed characters exceeded