50 строки
2.7 KiB
HTML
50 строки
2.7 KiB
HTML
|
<div id="liveTilescrollTarget" ng-controller="TileCtrl">
|
||
|
|
<div align="center" style="display:inline-block; height:100%;">
|
||
|
|
<div class="e-tile-group" id="groupLiveTile">
|
||
|
|
<div class="e-tile-column">
|
||
|
|
<div id="tile6" ej-tile e-tilesize="medium" e-allowselection="true" e-imageposition="center" e-imageurl='content/images/tile/windows/games.png'
|
||
|
|
e-text="Play">
|
||
|
|
</div>
|
||
|
|
<div class="e-tile-small-col-2">
|
||
|
|
<div id="tile2" ej-tile e-imageposition="center" e-allowselection="true" e-tilesize="small" e-imageurl='content/images/tile/windows/alerts.png'>
|
||
|
|
</div>
|
||
|
|
<div id="tile3" ej-tile e-imageposition="center" e-allowselection="true" e-livetile-updateinterval="3000" e-tilesize="small"
|
||
|
|
e-livetile-enabled="true" e-livetile-type="flip" e-livetile-imageurl="liveImage1">
|
||
|
|
</div>
|
||
|
|
<div id="tile4" ej-tile e-livetile-updateinterval="3500" e-allowselection="true" e-livetile-enabled="true" e-livetile-type="flip"
|
||
|
|
e-livetile-imageurl="liveImage2"
|
||
|
|
e-tilesize="small">
|
||
|
|
</div>
|
||
|
|
<div id="tile5" ej-tile e-tilesize="small" e-badge-enabled="true" e-allowselection="true" e-badge-value="10" e-imageposition="center"
|
||
|
|
e-imageurl='content/images/tile/windows/messages.png'>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="tile6" ej-tile e-tilesize="medium" e-imageposition="fill" e-allowselection="true" e-livetile-updateinterval="5000"
|
||
|
|
e-livetile-enabled="true" e-livetile-type="slide" e-livetile-imageurl="liveImage3"
|
||
|
|
e-text="People">
|
||
|
|
</div>
|
||
|
|
<div id="tile7" ej-tile e-tilesize="medium" e-allowselection="true" e-imageposition="center" e-livetile-updateinterval="4000"
|
||
|
|
e-livetile-enabled="true" e-livetile-type="slide" e-livetile-imageurl="liveImage4"
|
||
|
|
e-text="Photo">
|
||
|
|
</div>
|
||
|
|
<div id="tile8" ej-tile e-tilesize="wide" e-allowselection="true" e-imageposition="center" e-livetile-enabled="true"
|
||
|
|
e-livetile-type="carousel" e-livetile-imageurl="liveImage5"
|
||
|
|
e-text="Weather">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<style>
|
||
|
|
#liveTilescrollTarget .e-tile-group {
|
||
|
|
padding: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#liveTilescrollTarget .e-tile-group .e-tile-column {
|
||
|
|
display: inline-block;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
#liveTilescrollTarget{
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
</style>
|