platform String

The specific platform this layout targets. By default, layouts are displayed on all platforms.

Example

<div data-role="view" data-layout="default">
  Foo view
</div>

<div data-role="layout" data-id="default" data-platform="ios">
  <header data-role="header"><p>iOS header</p></header>

  <div data-role="footer"><p>iOS footer</p></div>
</div>

<div data-role="layout" data-id="default" data-platform="android">
  <header data-role="header"><p>Android header</p></header>

  <div data-role="footer"><p>Android footer</p></div>
</div>

<script>
var app = new kendo.mobile.Application();
</script>

<style>
  .km-view .km-header, .km-view .km-footer {
      color: red;
  }
</style>
In this article