I've confused about vue-ionic. I've decided to make mobile app with Ionic. That's okey. Then I couldn't use Angular. I installed vuejs for frontend. (vue-ionic).After that I decide to use Vuetify for material design. Now which template should I use ? or Vuetify template tags ? When I use vuetify tags, would it cause problems on the mobile device?
I have been creating a website and vuetify has a section on there website where it tells how to adapt your website to the size of the device using tags like:
xs sm or md and you can also make some things only apear on small devices
i recomend you take a look at this serie from academind that shows a litle of what you can do with vuetify:
https://www.youtube.com/watch?v=FXY1UyQfSFw&list=PL55RiY5tL51qxUbODJG9cgrsVd7ZHbPrt&index=1
Related
Are there friendly URLs in Ionic Framework? I tried to use ion-nav and ion-tabs components and my URL does not change if I navigate to pages
this.nav.push(Page1);
// or
this.nav.setRoot(Page1);
URL is always http://localhost/ (I need http://localhost/page1, http://localhost/page2 etc)
Unfortunately, the short answer is no. There is probably some scripting work-around that might be able to mimic this kind of behavior, but it is not something that is native to the framework.
The Ionic Navcontroller uses html5 to transition between pages like a phone app instead of a desktop web browser.
What I would suggest is this:
Build a debug-only page that has launch buttons to all of the pages that you want to go to directly. Set this as the root page when you enter the app, and add to it as you bring in more pages. (In fact, these debug pages morph into my "secret pages" during development where I hide useful information for future debugging)
This is what my current one looks like:
That's probably the closest to what you want using the native tools. Good Luck!
I'm new to Ionic and would like to implement a typeahead for displaying the users list without using Bootstrap and would love if provided with an example .
I was looking for something similar for an ionic app I was building. I can provide a few links that you can look at and choose the most appropriate for your case.
https://github.com/sn0opr/ionic-autocomplete
https://github.com/guylabs/ion-autocomplete
http://www.sitepoint.com/creating-a-typeahead-widget-with-angularjs/
The last link is written is great tutorial written in pure angular. The first two links are projects you need to include in your app and then use them as directives to achieve your goal. Cheers!
It is not clear to me how to "build" a UI with Appgyver Steroids. It looks like it uses only the CSS side of Ionic to render views, and not the javascript side.
This way is not possible to design UI with Ionic angular directives.
Am I wrong?
So my question is: which is the right way to design views in a Steroids app? Just by HTML and Ionic CSS classes? Is there a guide, maybe with example?
Is it possible to simply include Ionic javascript and use its directives? Some drawbacks?
Merituuli from AppGyver here.
We don't use the angular directives of Ionic because Steroids has methods to use native tabs and drawer elements, thus making the solution Ionic made unnecessary.
If you however want to include the Ionic angular directives you can do that by downloading the files you want to use from http://code.ionicframework.com/#, adding them to the /vendor folder and including them in your application.html.
If you need guides, tutorials and examples of using Steroids tabs, modals etc: https://academy.appgyver.com/categories/3-user-interface-and-design/contents
Hope this helps!
I downloaded a template and customised it a bit. It's working well but the template has a kind of mobile style sheet. When I open the webpage with the iPhone, it looks great on the homepage. However, on the most important pages I don't want it to appear for mobile I want it to appear like it would on a browser.
I've tried.
Deleting the: style-mobile.css file. - Nothing happened.
Playing around with the style-mobile.css file. - Nothing!
Deleting some js files.
I can't seem to find the code that is telling my iPhone to open the page like an iPhone instead of opening it like a browser.
Where will I find this??
The idea that you can download an arbitrary HTML/CSS/JS(?) template that is designed for mobiles and have it magically adapt to look right in a classic browser window is .... naive.
Either look for a template that is designed to look good in both contexts, or build your own layouts using something like Twitter Bootstrap which is responsive to differences in the display port size.
I'm using google tv jquery ui library to build app. I want to build multi page in one html file. I follow example : http://gtv-resources.googlecode.com/svn/trunk/templates/html-01/index.html, but it using 2 html files to switch between app. Please show me example code to manage multi page in one html file, thanks
If you'd like to do multi page web using single html, you could use layers. You should look at examples BuildPhotoPages or BuildVideoPages here:
https://developers.google.com/tv/web/lib/jquery/
Thanks.