Curiosity

Curiosity

I’ve struggled for several hours trying to set up an HTML template using OnsenUi. I can’t seem to get the css file to work. The javascript file works, but none of the styling shows up. The npm help has been pretty much removed. When I tried OnsenUi some months ago, there was an easy description “How to” with Cordova that explained each detail. I found the reference to Cordova and npm, but it doesn’t help me to get all of the files needed to run OnsenUi locally on my computer. I DO NOT want to use CDN files in my <head>. Can someone please point me to a good description of how to do the setup locally or where to get these files for downloading or what files need to be included. I’m tired of head banging. I don’t want to use Monaca either. TIA - Rachel

Curiosity

Thanks @Fran Diox

I’m not a coder and would struggle with attempting to code this feature.

In JQM, I simply added the data-filter to my <div> and that was all there was too it. The code worked behind the scenes. Onsen is beautiful and fast. I wish that I had the ability to rewrite my little app in Onsen. Maybe after I do my app’s next update, I can figure out how to add this feature via .js. If so, I’ll try Onsen to see if I can get it to do what I need.

Regards,
-Rachel

Curiosity

I’m trying to find a replacement framework for jquerymobile. I have an app that I’d like to rewrite. My app has a JQM search bar that automatically searches my lists. I’ve seen reference to an onsen input search feature but nothing that relates to a general search bar element that can be added for lists. JQM made this so easy. (data-filter=“true”)

Thanks for your time in answering my question.

Curiosity

Hello Good People,

I’m new to Onsen-ui. I’m not a super coder. I’m using the vanilla flavor of Onsen with javascript to tinker with the most excellent “Todo” example. I am trying to get a simple datepicker/calendar popup from an <ons-input></ons-input> tag.

<ons-list-item modifier="nodivider">
      <div class="center">
        <ons-input id="testdate-input" type="date" placeholder="Test date" float></ons-input>
      </div>
    </ons-list-item>

I’ve also tried:

<ons-input id="testdate-input" type="date" name= "test" placeholder="Test date" float>

This simple code isn’t working for me when I test it in Safari. There is no calendar popup. I’ve read the WC3 and it looks like I’m doing it properly for HTML5. I haven’t tried any plugins as they all seem to depend on angular, jQuery or cordova.

Is there an error or (probably) something that I am missing. I’ve searched the form and found a few posts related to angular, but nothing relates to this issue.

I’ve also noticed some kind of a bug possible report. Is this an onset-ui bug. Help would be appreciated and rewarded with a smile. :smiley:
TIA -Rachel

Curiosity

@Curiosity

Posts made by Curiosity