Thanks Fran, it solved my problem. You are Guru!!.
Posts made by Zeni
jQuery selector not working for
Trying to close ‘Spliter side’ with button click.
<ons-splitter-side id="menu" side="left" width="120px" animation='push' collapse swipeable>
var menu = document.getElementById('menu'); menu.close();
This does not work:
I get error "Uncaught TypeError: menu.close is not a function"
Other jquery commands are working.
What could be the reason?
RE: Proxiway - A Geo-fencing Based app designed using OnsenUI
Rajatkosh just saw your website. Are you still using Onsen, because all I could see was bootstrap?
RE: Customizing theme
Thank you @Fran-Diox for your reply.
Now that I referenced onsen-css-components.css from folder /css-components-src/src/ instead of /css/ in html file head, I am able to customize themes. This is because path to theme.css in onsen-css-components.css is @import url(’./theme.css’).
I have read the document you mentioned, but I was wondering how in do it in visual studio IDE.
When I change any component css file in folder /css-components-src/src/components/ such as button.css, I see changes in button appearance, but the changes are not exactly as I expect.
Also I want to ask that the sample markup for button in button.css is <button class=“button”>Button</button> and not <ons-button class=“button”>Button</ons-button>. Why is this?
I am trying to use Onsen UI for developing a mobile website in VS2017. The steps I took are as below.
Created a blank ASP.NET web application Solution in VS2017
Downloaded source code zip file of OnsenUI-dist 2.4.0 from https://github.com/OnsenUI/OnsenUI-dist/releases and unzipped in a folder.
Copied folders css, css-componenets-src, js, and file package.json in VS project root. 4. Created index.html in root of VS project and referenced three files in head
<link href=“css/onsenui.css” rel=“stylesheet” />
<link href=“css/onsen-css-components.css” rel=“stylesheet” />
Everything is working fine. The only problem is that if I make any changes in file “theme.css” It is not reflected in browser.
Ideally I want to save a copy of theme.css with some other name say theme2.css, make changes in it and then change imported URL name in onsen-css-components.css. I think I am missing some step (some build process) after making changes in theme.css. Onsen UI team is developing at very fast pace and previous tutorials about theme customization has become outdated.