platform String

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

    <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