onsen ui v2 display only ios css for all platform

  • how can i display ios platform for all dives (android , ios)

  • @memo Just place this at the top of your JS block:


  • @munsterlander thanx my friend for answer … i can edit onsenui.js in lin

     ons.platform.select((window.location.search.match(/platform=([\w-]+)/) || [])[1]); 



    its too work:blush:

  • @memo No need to do that. Just in your index template, after you have included all of your Onsen CSS and JS files, do a script tag with that. After that script tag, you can run all of your application specific code, such as:

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
        <link rel="stylesheet" href="https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0/css/onsenui.css" type="text/css" media="all" />
        <link rel="stylesheet" href="https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0/css/onsen-css-components.css">
        <script src="https://cdn.rawgit.com/OnsenUI/OnsenUI-dist/2.0.0/js/onsenui.js"></script>
        <script src="components/loader.js"></script>
    // All other code goes below
      alert('Onsen is loaded.');
        <div class="center">My app</div>

  • @munsterlander Yes, I understand you friend your style is more correct … but I worked my way before you answer me … now I applied your style

  • @memo Oh! Ok, I understand. I just didn’t want to cause any confusion because modifying that file/line could impact other functions of Onsen. Glad you have it working! :bowtie:

  • @munsterlander You’re right because onsen is very sensitive with her functions

Log in to reply