on 01-01-2015 5:28 AM
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
Hello Koti,
Refer this sample example created by me JS Bin - Collaborative JavaScript Debugging</title> <link rel="alternate" type=&q...
Regards,
Chandra
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Hi,
Check this example of custom tile having multiple UI element in vertical layout JS Bin - Collaborative JavaScript Debugging</title> <link rel="alternate" type=&q...
Regards,
Chandra
Hi
The example which you given is working in JSBin but not working from my eclipse. I used below code but somehow Custom Tile is not rendering.
Please suggest me the sample code along with CSS Code as well.Please try from your eclipse/developer studio as well.
<core:View xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"
xmlns:c="sap.ui.commons" xmlns:l="sap.ui.layout" controllerName="zcustomtile.zcustomtile" xmlns:html="http://www.w3.org/1999/xhtml">
<Page title="Title">
<content>
<CustomTile class="sapMTile" id="id" removable="true" press="">
<tooltip></tooltip> <!-- sap.ui.core.TooltipBase -->
<dependents></dependents> <!-- sap.ui.core.Control, since 1.19 -->
<HBox>
<content>
<Text id="id1" text="test1" textDirection="Inherit"
visible="true" wrapping="true" textAlign="Begin" width="" maxLines="">
<tooltip></tooltip> <!-- sap.ui.core.TooltipBase -->
<dependents></dependents> <!-- sap.ui.core.Control, since 1.19 -->
</Text>
</content> <!-- sap.ui.core.Control -->
</HBox>
</CustomTile>
</content>
</Page>
</core:View>
Regards,
Koti Reddy
Hi,
Check this example JS Bin - Collaborative JavaScript Debugging</title> <link rel="alternate" type=&q...
Regards,
Chandra
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
User | Count |
---|---|
81 | |
25 | |
12 | |
9 | |
7 | |
6 | |
5 | |
5 | |
4 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.