Skip to Content
avatar image
Former Member

sap.m.CustomTile didn't render under Tile Container

Hi,

Please share any sample code to achieve similar to StandardTile properties in Custom Tile.If possible please share in xml view.

I tried like below but custom tile didn't render.

<TileContainer id="tc1"width="100%" height="100%" editable=""allowAdd="" tileMove=""tileDelete="" tileAdd=""><tiles><CustomTile id="ct1" removable="true" press=""><content><Text id="text10" text="Errors left to handle"textDirection="Inherit"visible="true"wrapping="true" textAlign="Begin" width=""maxLines=""></Text></content> <!-- sap.ui.core.Control -->        </CustomTile></tiles> <!-- sap.ui.core.Control -->

    </TileContainer>

Regards,

Koti Reddy

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    Jan 01, 2015 at 09:19 AM
    Add comment
    10|10000 characters needed characters exceeded

    • Former Member Chandrashekhar Mahajan

      Hi,

      Used below CSS Code and able to render CustomTile

      .sapMTile{border:1px solid #dddddd;display:inline-block;-webkit-transition-property:transform3d;-webkit-transition-duration:0.2s;-moz-transition-property:transform3d;-moz-transition-duration:0.2s;transition-property:transform3d;transition-duration:0.2s;width:11rem;height:7rem;margin:0.5rem;-webkit-touch-callout:none;background-color:#ffffff}

      .sapMTile *{-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:-moz-none;-ms-user-select:none}

      .sapMTCEditable .sapMTile{background-color:rgba(255,255,255,0.5)}html[data-sap-ui-browser='ie']

      .sapMTile{transition-property:transform}

      .sapMTile.sapMTileActive{background:#007cc0}.sap-phone

      .sapMTile{width:11rem;height:7rem;margin:0.5rem}.sap-phone

      .sapMTileContent{width:11rem;height:7rem}

      .sapMTileContent{overflow:hidden;width:11rem;height:7rem}

      .sapMTileDrag{opacity:0.8;z-index:10;-webkit-transition-property:none;-moz-transition-property:none;transition-property:none}

      .sapMNavItemFlipping .sapMTile{opacity:0.01}.

      Regards,

      Koti Reddy