Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. czpae86
    3. Posts
    C
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups

    Posts made by czpae86

    • RE: Uncaught typeError when page quick move back

      @Fran-Diox It is difficult to reproduce, may be the result of elements after the destruction of the problem

      posted in Onsen UI
      C
      czpae86
    • Uncaught typeError when page quick move back

      version:onsenui 2.8.1
      "Uncaught TypeError: Cannot read property ‘hasAttribute’ of undefined", source: file:///android_asset/www/lib/js/onsenui.js (25818)

      posted in Onsen UI
      C
      czpae86
    • How to disable swipe on some pages

      How to disable swipe on ons-navigator once configure swipeable?

      posted in Onsen UI
      C
      czpae86
    • how to use icoMoon's icon on ons-icon component?

      Hi,icoMoon’s icon cannot display, how to use icoMoon’s icon on ons-icon component?

      posted in Onsen UI
      C
      czpae86
    • icon.attributeChangedCallback is not a function

      Uncaught (in promise) TypeError: icon.attributeChangedCallback is not a function.
      onsenui version:2.6.0

      my code:

      <!doctype html>
      <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" >
        <meta name="apple-mobile-web-app-capable" content="yes" >
        <meta name="apple-touch-fullscreen" content="yes" >
        <title></title>
        <link rel="stylesheet" href="../css/onsenui.min.css">
        <link rel="stylesheet" href="../css/onsen-css-components.min.css">
      
        <script src="../js/onsenui.min.js"></script>
      
        
      
      </head>
      
      <body>
      	<ons-navigator id="appNavigator" page="page1.html"></ons-navigator>
      	
      	<template id="page1.html">
      	  <ons-page id="page1">
      		<ons-toolbar>
      		  <div class="center">Page 1</div>
      		</ons-toolbar>
      
      		<p>This is the first page.</p>
      
      		<ons-button id="push-button">Push page</ons-button>
      	  </ons-page>
      	</template>
      	
      	<script>
      		document.addEventListener('init', function(event) {
      		  var page = event.target;
      
      		  if (page.id === 'page1') {
      			page.querySelector('#push-button').onclick = function() {
      			  document.querySelector('#appNavigator').pushPage('page2.html', {data: {title: 'Page 2'}});
      			};
      		  } else if (page.id === 'page2') {
      			page.querySelector('ons-toolbar .center').innerHTML = page.data.title;
      		  }
      		});
      	</script>
      </body>
      </html>
      
      
      <ons-page id="page2">
      	<ons-toolbar>
      	  <div class="left"><ons-back-button>Page 1</ons-back-button></div>
      	  <div class="center"></div>
      	</ons-toolbar>
      	
      	<ons-tabbar position="bottom">
              <ons-tab  page="test.html" label="test" icon="fa-home" active>
              </ons-tab>
          </ons-tabbar>
      
      	<template id="test.html">
              <ons-page id="coursePage">
      
                  <div>
                      test
                  </div>
              </ons-page>
          </template>
        </ons-page>
      
      posted in Onsen UI
      C
      czpae86
    • updated to the 2.5.3 version,the camera does not work

      After the onsenui is updated to the 2.5.3 version, the Cordova camera does not work on iOS10.3, but the previous version is normal

      posted in Onsen UI
      C
      czpae86
    • how to using javascript drop down the ons-pull-hook component?

      how to using javascript drop down the ons-pull-hook component?

      posted in Onsen UI
      C
      czpae86
    • how to fire the 'ons-pull-hook' component when the page is displayed

      how to fire the ‘ons-pull-hook’ component when the page is displayed.

      posted in Onsen UI
      C
      czpae86
    • how to cancel the 'ons-back-button' action?

      HI,how to cancel the ‘ons-back-button’ action?

      posted in Onsen UI
      C
      czpae86
    • how to remove ons-popover element's mask?

      HI,how to remove ons-popover element’s mask?

      posted in Onsen UI
      C
      czpae86
    • RE: How do I find component event descriptions in the document?

      Some do not specify. such as ons-range element,How to capture change events?

      posted in Onsen UI
      C
      czpae86
    • How do I find component event descriptions in the document?

      Hi,How do I find component event descriptions in the document?

      posted in Onsen UI
      C
      czpae86
    • RE: when ons-if and ons-list-item are use together,border is not show.

      @Fran-Diox Thank you,The problem is solved.:+1:

      if(ons.platform.isAndroid()){
      	        var html = '<ons-list-item modifier="longdivider" tappable>'
                               +'<div class="left">'
                                   +'<ons-icon icon="fa-cloud-download" size="20px" style="color:rgb(54, 162, 235)"></ons-icon>'
                               +'</div>'
                               +'<div class="center">item1</div>'
                           +'</ons-list-item>';
      
      	        document.querySelector('#list').appendChild(ons._util.createElement(html));
      	    }
      
      posted in Onsen UI
      C
      czpae86
    • when ons-if and ons-list-item are use together,border is not show.

      when ons-if and ons-list-item are use together,border is not show.

      Onsenui version : 2.5.3,
      OS : android6+
      Code:

      <ons-list>
      <ons-if platform="android">
                        <ons-list-item modifier="longdivider"  tappable>
                            <div class="left">
                                <ons-icon icon="fa-cloud-download" size="20px" style="color:rgb(54, 162, 235)"></ons-icon>
                            </div>
                            <div class="center">item1</div>
                        </ons-list-item>
                    </ons-if>
      
                    <ons-list-item modifier="longdivider" tappable>
                        <div class="left">
                            <ons-icon icon="fa-info-circle" size="20px" style="color:rgb(54, 162, 235)"></ons-icon>
                        </div>
                        <div class="center">item2</div>
                    </ons-list-item>
      </ons-list>
      

      screenshot

      posted in Onsen UI
      C
      czpae86