Questions tagged [ratchet-2]
Build mobile apps with simple HTML‚ CSS‚ and JS components.
64
questions
0
votes
1answer
686 views
Cordova iOS - White screen after click in a input field
When I click on a input field (text) and close the keyboard and then change the view (ui-sref), the app shows a white screen. Unfortunately, no error is shown in the console. Error appears on iPhone, ...
0
votes
1answer
49 views
Header from modal from GoRatchet appear on page
I dont use HEADER in my app, only in modal. After some click on bar-tab, header from modal appear on page. Can some tell my how to fix this?
Bug img
-1
votes
1answer
98 views
How to start play audio automaticly on mobyle device?
I crate audio tag, and use 'autoplay' to start audio. On Descktop work well, but not work on mobile device: ipad, winphon, android 4+...
<audio id="myAudio" onerror="toConvert()" class="full-...
0
votes
0answers
38 views
How can i include the fonts of ratchet js framework in my html?
How can I include the fonts of ratchet js framework in my html? I included ratchet.js and ratchet.css, but the icons don't work.
0
votes
3answers
592 views
Targeting a toggle button within an accordion
I'm trying to target my on/off toggle control which is embedded in a link that also toggles an accordion when you tap on it. Both toggles work, but I want them to work independently of each other. The ...
1
vote
1answer
204 views
Hiding Element Based on Toggle - Ratchet
I am new to using the ratchet framework so I am probably missing something basic. I want to use a toggle to hide a div when the toggle is off, and display it when the toggle is on. I know the toggle ...
1
vote
1answer
138 views
ui router shows states on browser and not on device when run with cordova. How do I correct it?
I'm just starting with angularjs so I'm not an expert with ui router as well. I'm developing an app using cordova and ratchet. So right now here's my code
index.html
<header class="bar bar-...
1
vote
1answer
174 views
jQuery not recognising click on modal close link ( href="#' )
I have modal close link which closes the open modal;
.clicker
a.icon.icon-close.pull-left.closeover.white href="#mymodal"
and I have the following javascript on the page
$('.clicker').on( "click"...
0
votes
2answers
696 views
Detect state change on a ratchet toggle
I cant figure out how you detect the user changing a ratchet toggle element in javascript. In the code below I have got it to detect clicking on the toggle but it doesn't work if the user slides the ...
0
votes
1answer
176 views
Whats the general best practice for including Bootstrap resources in a webapp project?
For a site that requires heavy customization, both styling and functionality is there a general approach that most people go with? How do you include Bootstrap resources in your project?
Use Source, ...
0
votes
0answers
772 views
Css Works fine in browser but not in Android Webview
I tried to a build a basic template following this tutorial using ratchet.I am loading the basic template via android webview.Interestingly the webview only renders a blank page while the browser(...
0
votes
1answer
227 views
Cordova + ratchet - script inside Push is not working on Android 4.3 and below
I am developing a cordova application for android and windows and I am using Ratchet framework. I have written my pagewise script inside push function like,
window.addEventListener('push', function()...
0
votes
0answers
83 views
Ratchet nav bars not displaying on additional pages, only on iOS 8
So I have noticed this issue on iOS 8 with both mobile safari and chrome. It was previously working, but for some reason now, my other pages are not putting the new pages nav bar on top of the ...
2
votes
0answers
120 views
ANDROID Ratchet slider not smooth
I've got a webview that I'm displaying that has a couple of Ratchet slider components. I'm noticing that they're nearly un-usable because they'll jerk and jump around as I'm trying to scroll through ...
0
votes
1answer
316 views
Something wrong with the Modal of Ratchet
I'm new on Ratchet. Recently I made up a Web app and found that the Modals displayed differently on Android explorers and iOS ones.
Normally Modals can have a top bar(http://cnratchet.com/components/...
0
votes
1answer
320 views
How do I trigger Ratchet's push manually?
I have a link which makes a search. So far, it's working. The issue is when I want the search to be done through hiting the 'enter' button. So:
$('#searchedText').on('keypress', function(e) {
...
2
votes
2answers
156 views
How to destroy/disable slider from ratchet?
I use ratchet.js to slider many images.
But now I want to click an element 'a'/'button' trigger the 'slider' method . And I want to destory browser method when we drag/touch page to left .It will ...
-1
votes
1answer
169 views
how to have ratchet communicate wtih android sdk api's
Ratchet Looks real good for constructing easily UI for android. However what if I need to have a hybrid app meaning I want some of my code to be written with android sdk for example open a thread ...
0
votes
2answers
205 views
Ignoring a form submit with Push.js and Ratchet
I am using Ratchet for creating a mobile web page using ASP .NET MVC and I am loving it. I also love using push.js. However, I want to ignore a form submission and do a little extra content updating ...
1
vote
2answers
230 views
How to hide address bar using Ratchet?
I'm using the Ratchet framework to serve my mobile pages.
I've tried various conventional methods to hide the address bar via Javascript (these can be easily found via Google) but still to no avail.
...
2
votes
1answer
1k views
Cordova app - scrolling issue on android 5 Lollipop
I have developed a cordova app and I'm testing it on my phone with Android 5.0 Lollipop.
I found a problem with Android hardware acceleration, if it's enabled there are CSS rendering issues as you can ...
0
votes
1answer
413 views
Is there a way to select each toggle when using Ratchet?
I am dynamically loading a list of classes from a database that the user is supposed to select if they have been completed. I am using Ratchet's toggle to choose the classes and am trying to use a ...
-5
votes
1answer
1k views
i want a sample for slider example using ratchet slider.js and phonegap android
I am using slider.js. I want to slide one image after another image like examples available on ratchet site.I have to do this using ratchet and phonegap in android.Plz help me..
Thanks in advance.
11
votes
1answer
12k views
react.js - React-router dealing with fixed headers and footers
I have React.js app flavored with react-router, I have a doubt regarding my current routes handling.
Design looks as follows, common mobile layout, fixed header and footer, content in the middle:
...
0
votes
0answers
120 views
Strange scrolling phenomenon using ratchet on iOS
Recently I was troubled by the strange scrolling phenomenon on IOS using ratchet. Like the picture above demonstrate, most of time scrolling works fine. But sometimes, a black block appears from ...
0
votes
1answer
88 views
</div> transformed to </button>
I'm writing Android app (single page application), using Visual Studio tools for Cordova and Ratchet bootstrap. After injecting new HTML into page, my </div> tag mysteriously transformed to </...
0
votes
1answer
268 views
Return To Previous Page - Mobile HTML
I'm building an app with Ratchet, and in the navbar I'd like to use BACK & NEXT buttons.
Now, I'm not using Ratchet's built-in Push.js due to structural constraints.
Is there a way to create a ...
0
votes
1answer
703 views
Using Ratchet's Toggle Component with Angular
I'm building a mobile app using Ratchet and Angular, and development has been great and fast.
However, I've run into a lot of trouble when using toggles. Ratchet adds an "active" class in this div ...
0
votes
1answer
1k views
How to use onclick event in ratchet?
I am new in Javascript and also in using Ratchet. I try to build a little app to get familiar. I have written the following code which does not quite work. On the back button I would like to get my ...
0
votes
1answer
267 views
Javascript generated content not cached Ratchet v2.0.2
I am using the movies demo app app included with Ratchet as a template for my app.
The first thing I did was to change the static html movies on index page to jQuery ajax fetched movies. But the ...
4
votes
1answer
2k views
Ratchet Push.js Not Pushing
I've build a PHP app on top of CodeIgniter, which works by moving to controller to controller (.php files) instead of from one static page to another (.html files).
Problem: The links refuse to work.
...
1
vote
1answer
337 views
Which ratchet components are css only, and which components require ratchet.js?
Which ratchet components require ratchet.js, and which are css only?
I've included ratchet in my ember-cli project using the ember-cli-ratchet npm module. Ember removes the need for ratchet's push.js,...
2
votes
0answers
823 views
Use the font awesome library with Ratchet
I am building an app with ratchet and am trying to use the font awesome library but nothing seems to work. I have tried:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome....
0
votes
1answer
226 views
How to redirect a user with javascript while using ratchet?
Normally to redirect a user in a website using javascript I'd use window.location.replace("newpage.html"); however I've found that when using Ratchet this doesn't work. Does anyone know of a good way ...
1
vote
0answers
162 views
Can segmented-control in Ratchet support multiple rows of control-items?
Can segmented-control in Ratchet support multiple rows of control-items? The code snippet below will make all the items in one row.
<div class="segmented-control">
<a class="control-item ...
0
votes
0answers
108 views
Keyboard taking to hidden model form
When click on input the key board shows next option to reach hidden form, and also able to type something and it will appear when open the model.
The issue is that I can type in to the model form ...
0
votes
1answer
865 views
Ratchet Framework scrolling in Android 2.2
Im using Ratchet Framework for andriod app development.
I have some scrolling problems in some android phones and also in bluestack.
when scrolled, a toomany blank spaces occurs and it affects the ...
1
vote
1answer
584 views
Loading external map script via Ratchet v2.0.2
I just started using Ratchet and it's great.
I´m developing a Phonegap app with Ratchet 2.0.2 using push.js for transition between pages.
But i canot run external javascripts in that.
i checked this
...
2
votes
0answers
2k views
push.js Uncaught TypeError: Cannot read property 'removeChild' of null
When I click a link on my page the URL updates and I see the correct page content flash momentarily, then the content of the previous page takes hold. This only appears to happen when I use the data-...
0
votes
1answer
411 views
Background Images with Ratchet
What is the recommended way to add a background image to the body (more precisely .content) of a ratchet-based app? The ios theme feels a little plain to me.. is it bad practice to give an app a ...
7
votes
1answer
3k views
Additional icon to ratchet Ratchicon set
I am using Cordova, Phonegap and Ratchet for an iOS application.
How can I have additional icons with last version of Ratchet?
We tried to use bootstrap icon set but it has some kind of conflict with ...
1
vote
1answer
4k views
Using different CSS files on iOS and Android when app is built with Phonegap Build
I'm building a Phonegap app using Ratchet, and I'm using Phonegap Build.
Ratchet offers specific CSS files for iOS and Android, and I'd like to use the appropriate styles on each platform. However, ...
0
votes
1answer
532 views
ratchet - listen to popover closing from JS
I have a ratchet popover and I took it from here:
<div id="popover" class="popover">
<header class="bar bar-nav">
<h1 class="title">...
2
votes
1answer
560 views
JS callback for ratchet popover closing
I have a ratchet popover in my page and I'd like run a callback after the popover closing.
The popover is like this:
<a href="popover" id="idLinkPopover" >
<h1 class="title"> ...
3
votes
1answer
762 views
Ratchet.js and window.history.back();
I have an init function with all my jQuery staff that I execute on document ready and with a push event listener:
function init() {
//all my jquery staff
}
window.addEventListener('push', init);
$...
2
votes
3answers
736 views
How does Ratchet and Phonegap work together
From my understanding, Ratchet requires a server to change the contents of the view without actually changing the page itself. Does that mean any currently running JS files remain after the view ...
2
votes
0answers
264 views
Using Ratchet2 alongside Bootstrap
I want to use Ratchet2 with Bootstrap. I mainly just want Ratchet two for its badges, its push functionality, and perhaps its icons.
Obviously, I am trying to create a webapp that looks and feels ...
19
votes
0answers
5k views
Any ReactJs component framework that can replace ionic? [closed]
Currently, my weekend project is using ionic framework.
I think angularjs is fine but ReactJs is much more flexible and fast.
Any ReactJs component framework (mainly css + some common thing like ...
1
vote
2answers
524 views
Ajax request without push.js
I'm using Ratchet 2 to build an app. I'm trying to make a simple ajax call and get the response like so
function tryLogin() {
var hxr;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
} ...
0
votes
3answers
530 views
nav-bar element disappears when using data-transition and push.js
I'm using Ratchet to build a prototype for a mobile app.
I have a
<nav class="bar bar-tab bar-footer">
...
</nav>
element in page A and page B.
When using data-transition from page A ...