I am in the process of making an android app with Appcloud. My Issue is, that i have my "Pages" set up so it is just a picture-link (HTML) that sends you to a new page (HTML File) I Know that there is a better way to do this. I asked someone and they said to use Jquery Mobile to transition between pages. 1. How do I set up Jquery Mobile with AppCloud. 2. What is the best way to do pages and transtions with Jquery Mobile. Thanks!
Using Appcloud with Jquery Mobile
177 Views Asked by user1834524 At
1
There are 1 best solutions below
Related Questions in ANDROID
- Creating global Class holder
- Flutter + Dart: Editing name of a tab shows up a black screen
- android-pdf-viewer Received status code 401 from server: Unauthorized
- Sdk 34 WRITE_EXTERNAL_STORAGE not working
- ussd reader in Recket Native module
- Incorrect display of LinearGradientBrush in IOS
- The Binary Version Of its metadata is 1.8.0, expected Version is 1.6.0 build error
- I can't make TextInput to auto expand properly in Android
- Creating multiple instances of a class with different initializing values in Flutter
- How to create a lottie animation
- making android analyze with coverity sast tool
- Flutter plugin development android src not opening after opening example
- I initialize my ViewModel in the Activity with several fragments as tabs, but the fragments(tabs) return null for the updated livedata
- Node.js Server + Socket.IO + Android Mobile Applicatoin XHR Polling Error...?
- How I can use the shared preferences class?
Related Questions in JQUERY
- In Datatables, start value resets to 0, when column sorting
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- window.location.href redirects but is causing problems on the webpage
- Using JQuery Date Slider
- Storing selected language in localStorage
- How to stop other divs from still showing when i click a different button?
- Check multiple values with jQuery
- Bootstrap component does not want to render in Datatables function
- put white spaces when entering an amount moneytype symfony
- Trouble accessing custom header in AJAX response using jQuery in Fiware Keyrock
- I just cant make it work, HTML, JS and Firebase error
- Didn't declared variable still not getting any error in JavaScript
- Move element horizontally while scrolling vertically in pure JavaScript
- allow multi carousel in same page
- Embedded TikTok posts / thumbnail styling issue
Related Questions in HTML
- How to store a date/time in sqlite (or something similar to a date)
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- Is there any way to glow this bulb image like a real light bulb
- With non-graphical maps in Leaflet, zoomDelta doesn't work
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- Displaying a Movie List on a Website Using Jinja2 and Bootstrap
- How to redirect to thank you page after submitting a Google form embedded into a Google Site?
- Storing selected language in localStorage
- Fences (parenthesis, braces) in HTML and MathML
- Understanding Scroll Anchoring Behavoir
Related Questions in MOBILE
- Doesn't work TrafficStats.clearThreadStatsTag() in Kotlin
- KeyboardAvoidingView makes a messy the flexbox
- How can I find a lost Samsung Device?
- How can I eliminate or deactivate the white flash that appears when I press a button via a mobile device?
- In MAUI how can I Show different appshell tabbars depending on the user role?
- Why doesn't TrafficStats.clearThreadStatsTag() work in Kotlin?
- How can I create an animation like WhatsApp archive button spawn animation with SwiftUI on watchOS?
- Not showing the widget wrapped with Obx in Android 14
- Is there a way to use Family Link group in my own application?
- Is it viable proxying all my mobile apps requests, to some kind knowing that a request is coming from a secure source
- How can I connect android app to arduino via Bluetooth?
- How to animate calculated position/container height when viewport changes?
- Unnecessary override. Try adding behavior in the overriding member or removing the override
- Selecting an option in the mobile app drop down which is not visible when the app is loaded for the first time
- Getting Real-Time Sensor Data from Smart Watches
Related Questions in APPCLOUD
- How do I add Flask-PyMongo to environment.yml?
- Is it possible to override disk space and memory settings with the Cloud Foundry task scheduler?
- Is it possible to create / alter PDF's inside the Server application (NodeJS on Swisscom Application Cloud)?
- Docker container crashes after execution of python script
- Using Appcloud with Jquery Mobile
- How do I hook into an event triggered by the end of a Brightcove hosted video?
- User-friendly error pages not displaying in production environment
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
In this reply I am going to assume you know a bit about App Cloud, a bit about jQuery Mobile, and a bit about JavaScript/jQuery. The answer will be a bit lengthy as is, but without assuming some of that knowledge it would much longer.
Question 1: How do I setup jQuery Mobile with App Cloud.
This is pretty straightforward. You need to include the CSS and scripts for both technologies. I have used this for the header and been successful.
Question 2: What is the best way to do pages and transitions with Jquery Mobile.
I am going to answer this question in two ways. The first if you are not using jQuery Mobile (jQM), and a second way if you are. Since you are looking for a way to do transitions, you do NOT have to use jQM as page transitions are built into App Cloud.
In standard App Cloud you want to create each of your HTML pages as an App Cloud view. Roughly speaking view is a navigable part of your application and corresponds to an HTML page. The view can contain multiple logical pages. For instance, a view can contain a page that displays a list of items for selection by tap, then another page that displays details on the tapped item. When transitioning between pages the App Cloud API forwardPage() method has transitions built in, and defaults to SLIDE_LEFT. Pages in this scenario use App Cloud’s CSS to define pages using the class attribute, as show here:
If you are using App Cloud with jQM you most likely are using jQM’s navigation tools. I would still use App Cloud views with jQM, but logical pages in jQM are defined using jQuery’s CSS, not App Cloud’s. Just as with App Cloud, jQM places multiple logical pages in one HTML file, and navigating to those logical pages is not a problem using jQuery’s standard tools, including jQM’s transitions.
The issue is changing to an App Cloud view. Normally in jQM you would use an to go to a page, but under App Cloud this will result in a modal window being opened and you would leave your app, which most likely you don’t want. Instead, while still using an anchor tag, remove the href, as shown here:
I added the mainNavTargetBC class, then in JavaScript you can listen for a tap event on the link, as shown here:
Then, in the event handler, you can transition to the new App Cloud view using the navigateToView() method, as shown here:
So there it is. Page transitions using standard App Cloud and with jQM. To recap, page transitions built into App Cloud, but if using jQM use their transitions.