Beneficial knowledge is everlasting.
@kullboys, probably better use the popPage() if you’re removing the last page.
However, to get the index you will have to parse Navigator pages property:
var xPages = document.querySelector('#appNavigator').pages;
for (i = 0; i < xPages.length; i++) {
console.log(xPages[i]);
console.log(xPages[i].id);
}
I know Fran Diox is longer working for Onsen.
However, the spam filled forum is a concern that nothing is being done about it over 3 months later!!
Are our profiles secure?
Is our code securely saved?
Please fix this nonsense!
@mmike ,
document.getElementById("btn1").innerText = " View ";
Check the following Codepin: https://codepen.io/jamalassaf/pen/wymYzo
box-sizing: border-box; is required.
.radio-button--border {
box-sizing:border-box;
width:22px;
height:22px;
border:1px solid #c7c7cd;
border-radius:22px;
left:0;
}
<head>
<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="Content-Security-Policy" content="style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval';">
<script src="components/loader.js"></script>
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
<link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
<script src="https://unpkg.com/onsenui/js/onsenui.js"></script>
</head>
<ons-page>
<ons-list>
<ons-list-item tappable>
<label class="left">
<ons-radio name="color" input-id="radio-1" checked modifier="border"></ons-radio>
</label>
<label for="radio-1" class="center">
radio button styled
</label>
</ons-list-item>
<ons-list-item tappable>
<label class="left">
<ons-radio name="color" input-id="radio-2"></ons-radio>
</label>
<label for="radio-2" class="center">
radio button not styled
</label>
</ons-list-item>
<ons-list-item tappable>
<label class="left">
<ons-checkbox name="color" input-id="checkbox -2"></ons-checkbox>
</label>
<label for="radio-2" class="center">
checkbox
</label>
</ons-list>
</ons-page>
@Chicken_noodle, it would help if you see https://community.onsen.io/topic/188/how-to-ask-a-question
Specifically, include a sample to reproduce your issue.
Based on the following: https://onsen.io/v2/api/js/ons-carousel.html
Here you go! I adjusted the code based on the available methods and propeties of the ons-carousel.
var prev = function() {
var carousel = document.getElementById('carousel');
if (carousel.getActiveIndex() === 0)
carousel.last();
else
carousel.prev();
};
var next = function() {
var carousel = document.getElementById('carousel');
// alert(carousel.getActiveIndex());
if (carousel.getActiveIndex() === carousel.itemCount-1)
carousel.first();
else
carousel.next();
};
ons.ready(function() {
var carousel = document.addEventListener('postchange', function(event) {
console.log('Changed to ' + event.activeIndex)
});
});