Posts made by czpae86

czpae86

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

czpae86

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

czpae86

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

czpae86

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

czpae86

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>

czpae86

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

czpae86

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

czpae86

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

czpae86

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

czpae86

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

czpae86

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

czpae86

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

czpae86

@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));
	    }

czpae86

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