jamal

jamal

document.getElementById("btn1").innerText = " View ";

jamal

@mmike,

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>

jamal

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

jamal

@skyliwq,

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

jamal

Re: Cannot reach forum on iPhone and T-Mobile & Verizon cellular networks

@khemry,

Apple seems to have finally fixed the issue in the latest iOS 11.3 beta; the forum is now reachable over cellular networks.

jamal

For the past a few days there have lots of spam postings on this forum? Am the only one noticing this?
I have not seen any reactions from management or anyone. Maybe the spam is too much to see them?

jamal

@jamal

Posts made by jamal