Extending Standard Tile

[Former Member]

I am working on extending a standard tile to use a custom html inside it and adding some of my own functionality. I am having a problem doing this. when i extend the standard tile and add code to the rederer the tile does not work as it should - it is the same size and such but it does not position itself automatically like standard tile does.

what am i doing wrong or how should i approach this?

Thanks in advance

Message was edited by: Michael Appleby

[former_member91307 · Accepted solution]

Hi Janis,

You could use 'CustomTile' instead

Please find below an example

http://jsbin.com/uxokuc/100/edit

Thanks and Regards, Venkatesh

[Former Member · Accepted solution]

Hi,

Thank you for our reply!

I looked at your example and trying out to work on a CustomTile. I end up not being able to pass more content to the CustomTile like this:

var oTile = new sap.m.CustomTile({

                            content:[new sap.m.Button({text:'button inside custom tile1'}) ,new sap.m.Button({text:'button inside custom tile'})]

                     });

how i could i do this because i would want to merge sap.ui.core.HTML with sap.m...

[former_member91307 · Accepted solution]

Hi Janis,

You could your contents into a Layout control and add this layout to content of custom container.

Please find below a example with sap.ui.core.HTML added

http://jsbin.com/uxokuc/106/edit

Thanks and Regards, Venkatesh

[Former Member · Accepted solution]

You helped me a great deal, but could you clear something out for me?

I have the following:

http://jsbin.com/uBAhULu/1/edit?html,output

how can i get to work this correctly so that pressing the "gear" button I would call only the fuction assigned to the button not the tile?

Thanks in advance

[former_member91307 · Accepted solution]

Hi Janis,

You could use event.stopPropogation() method.

Please find below a example

http://jsbin.com/uBAhULu/2/edit

Thanks and Regards, Venkatesh

[Former Member · Accepted solution]

Hi again.

Is it possible to edit the size of tiles(width and height)?

[former_member91307 · Accepted solution]

Hi Janis,

You could use addStyleClass  method.

Please find below a example

http://jsbin.com/uBAhULu/3/edit

Thanks and Regards, Venkatesh

[Former Member · Accepted solution]

Venkatesh, great thanks to you for all your help.

I am new to sapui5 and have learned a lot from you.

Could you give me a hint how to make a dialog with multiple tabs?

[Former Member · Accepted solution]

I was testing out event.stopPropogation() but the console gives me an error that there is no such method for the object. is there a sap alternative how to make this work?

[Former Member · Accepted solution]

Hi Venkatesh,

good example.

One question which overcomes me: How do you find out, which CSS Classes you have to use?

Are they anywhere documented?

Jens

[Former Member · Accepted solution]

Hi Venkatesh,

If I place the TileContainer in any layout or hbox vbox along with other components it does not display tiles. How can I ocvercome this and why this happens?

regards,

Sagar

[sanjoy0308]

Hi,

I extended StandardTile and kept local resources folder in webcontent and worked fine. Now to get some new features, I removed resources folder and my bad luck tiles are not coming in screen. I am new in UI5, please help.

Sanjoy