Navigation

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

    Posts made by mmike

    • is it possible to create Charts like pie/line/bar using onsenui

      Hello,

      I want to create an iOS app using onsenui/monaca.

      is it possible to create charts like pie/line/bar using onsenui?

      Thanks!

      posted in Onsen UI
      M
      mmike
    • Sortable <ons-row><ons-col>

      Hello,

      I use <ons-row><ons-col> for display table of data. I need to add sorting feature to this table.

      For HTML table, I use jquery table sorter(http://tablesorter.com/docs/) which works on <table><tr><thead>…<tr><tr>…

      Any thoughts ? any query plugin etc?

      Thanks for your help!

      posted in Onsen UI
      M
      mmike
    • ons-sen ui - keypress events

      Hello,

      I have page A , Page B and Page C.

      Page A -> calls Page B -> calling Page C

      Each page has <form> </form> and button with validation.

      When I press the enter key on Page A for example, unwanted things happen like empty page B displays or form does not submit etc.

      Is there a key handler available with onsenUI, please?

      Thanks for your help!

      posted in Onsen UI
      M
      mmike
    • RE: How to change <ons-button> text?

      Thanks Jamal!

      posted in Onsen UI
      M
      mmike
    • How to change <ons-button> text?

      Hello,

      How to change button text from “ADD” to “View” below please?

      <ons-button id=“btn1” class=“button button–cta-large” style=“align:right; margin: 0 auto;” onclick=“test()”> Add </ons-button>

      Thanks for your help!

      posted in Onsen UI
      M
      mmike
    • RE: <ons-radio> does not show the round border. Simply show tick mark if checked

      @jamal That is perfect. Thanks, Jamal.

      posted in Onsen UI
      M
      mmike
    • RE: <ons-radio> does not show the round border. Simply show tick mark if checked

      Could you please respond?

      Thank you!

      posted in Onsen UI
      M
      mmike
    • RE: <ons-radio> does not show the round border. Simply show tick mark if checked

      @Fran-Diox said:

      .radio-button–border {
      border: 1px solid #ccc;
      border-radius: 50px;
      }
      .radio-button–border__checkmark:after {
      left: 6px;
      }

      Thanks Fran.

      The circle is too big compared with ons-checkbox?

      Can we make it little smaller?

      I tried changed the border-radius to 25px. No effect though!

      Thanks

      posted in Onsen UI
      M
      mmike
    • <ons-radio> does not show the round border. Simply show tick mark if checked

      Hello,

      <ons-radio> does not show the round border around it.
      Simply show tick mark if checked. Is it possible to show the border, please?

      Even text box does not show the border. It simply shows the underline.
      Is it possible to show the border, please?

      Thanks

      posted in Onsen UI
      M
      mmike
    • RE: Always load fresh version of onsen app

      Can somebody respond please?

      posted in Developer Corner
      M
      mmike
    • Always load fresh version of onsen app

      Hello,

      My existing web app using onsen ui runs fine.

      But any changes to the existing onsenui index.html/js does not get reflected until browser cache is cleared and
      a page is reloaded.

      I want to always reload the index.html/js from web server so that it loads the latest js changes.
      Is there a way to do that, please?

      Thanks for your help!

      posted in Developer Corner
      M
      mmike
    • Onsenui v 2.9 - How to update the latest version of onsen ui to an existing app?

      Hi Fran,

      My existing onsen web app runs using version 2.5.3.

      Could you provide me with the steps to update to latest version, please?

      Thanks!

      posted in Onsen UI
      M
      mmike
    • Splitter outside navigator issue

      Hello,

      I am using the below tutorial page to create my page.
      http://tutorial.onsen.io/?framework=vanilla&category=common patterns&module=splitter_navigator

      It works great.

      But in the cards.html, I have <select></select> with no <option>.

      I am loading the <option></options> dynamically using ajax in the page “init” event.
      <option> gets loading first time when I click on the “cards” from menu.

      When I click the second time onwards, <option> is NOT getting loaded and <select> is empty.

      I tried various combination for almost 2 days.

      Could you please help ?

      Thanks

      posted in Onsen UI
      M
      mmike
    • RE: Whenever I load index.html, I see this error

      Fran, Could you respond please?

      Thanks!

      posted in Onsen UI
      M
      mmike
    • RE: <ons-back-button> does not show up on Android chrome browser...Works great on iOS and desktop

      Hi Fran,

      I think I figured it out.

      In onsen-css-components.css at line # 2713

      Replaced
      display: none;

      with
      display: inline-block;

      That did the trick. May be it is a bug. I am not sure.

      Thanks!

      posted in Onsen UI
      M
      mmike
    • RE: <ons-back-button> does not show up on Android chrome browser...Works great on iOS and desktop

      Fran,

      Here are the versions

      onsenui v2.5.3 - 2017-08-21

      Android 5.1

      Thanks

      posted in Onsen UI
      M
      mmike
    • RE: Weird OnsenUI behavior

      Jamal

      Actually it’s quite simple.

      Include closing </ons-input> tag. It works fine.

      <ons-navigator id=“myNavigator” page=“page2.html”></ons-navigator>

      <template id="page2.html">
          <ons-page id="page2">
      

      <!-- comment out the <div> tag block. The <ons-input> and Save button disappear -->

      			 <ons-input id="employeeID" placeholder="Employee ID" type="text" value="150"></ons-input>
      
      		
      		  <input type="submit" id="save" value="Save" />
      	   
          </ons-page>
      </template>
      posted in Onsen UI
      M
      mmike
    • RE: Whenever I load index.html, I see this error

      Fran,

      Index.html was created from monaca. I get this error from loader.js.

      <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: gap: https://ssl.gstatic.com; style-src * ‘unsafe-inline’; script-src * ‘unsafe-inline’ ‘unsafe-eval’”>
      <script src=“components/loader.js”></script>
      <script src=“lib/onsenui/js/onsenui.min.js”></script>
      <link rel=“stylesheet” href=“components/loader.css”>
      <link rel=“stylesheet” href=“lib/onsenui/css/onsenui.css”>

      Any thoughts?

      Thanks for your help!

      posted in Onsen UI
      M
      mmike
    • <ons-back-button> does not show up on Android chrome browser...Works great on iOS and desktop

      Hello,

      <ons-back-button> does not show up on the Android Chrome browser. The same code runs in iOS and desktop. It works perfectly fine.

      Looks like the <ons-back-button> is hidden. However, the click works and takes me to previous page.

      Any thoughts please?

      Thanks

      posted in Onsen UI
      M
      mmike
    • Whenever I load index.html, I see this error

      Hi,
      Whenever I load index.html, I keep getting this error.

      loader.js:1 Uncaught TypeError: Cannot read property ‘split’ of undefined
      at loader.js:1
      at loader.js:1

      How to fix it please?

      Thanks

      posted in Onsen UI
      M
      mmike