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:

    ons.disableAutoStyling();
    


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

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

    to

     ons.platform.select('ios'); 
    

    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:

    <!DOCTYPE HTML>
    <html>
    <head>
        <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>
        <script>    
    ons.disableAutoStyling();
    
    // All other code goes below
    ons.ready(function(){
      alert('Onsen is loaded.');
    });
        </script>
    
    </head>
    <body>
     <ons-page>
      <ons-toolbar>
        <div class="center">My app</div>
      </ons-toolbar>
    </ons-page>
    </body>
    </html>
    


  • @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