Onsen UI

• E

  This topic is deleted!
  • emccorson

  1
  0
  Votes
  1
  Posts
  68
  Views

  No one has replied

• 

  How to ask a question.
  • OnsenUI

  2
  3
  Votes
  2
  Posts
  3752
  Views

  

  @onsenui said in How to ask a question.: You can include any other resources that you consider important to understand your question. For example you can add links to external pages or embed images in the post (drag and drop the images to the composer). interesting great information :)
• I

  <ons-icon> not showing in cordova
  • icangeek

  2
  0
  Votes
  2
  Posts
  5
  Views

  I

  I just found the cause of the problem. It’s because the css fonts (font_awesome, ionicons, meterial-design-iconic-font) folder doesn’t have files inside. strange. the source if from github.
• R

  triggering expandable list content myself
  • rogerkaplan

  2
  0
  Votes
  2
  Posts
  25
  Views

  R

  @rogerkaplan Figured it out… call event.stopPropagation() in the event handler for the button. Duh.
• G

  Ionicons disappear in the current version
  • gobiyau

  6
  0
  Votes
  6
  Posts
  323
  Views

  B

  @emccorson Updating to thte new syntax did not work for me. I have tried: <ion-icon name="videocam"></ion-icon> <ion-icon name="ios-videocam"></ion-icon> <ion-icon name="ion-ios-videocam"></ion-icon> Using: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/onsen/2.10.10/css/onsenui.css"> If I use 2.10.6, it still works. <i class="ion-ios-videocam"></i> Let me know if you would like a link.
• I

  How to properly add text content with padding on the page?
  • icangeek

  3
  0
  Votes
  3
  Posts
  53
  Views

  I

  @emccorson Got it! Thank you!
• C

  Scaling Toolbar and Images for Different Devices
  • christopher

  4
  0
  Votes
  4
  Posts
  68
  Views

  E

  Hmmm… I think both the toolbars from your screenshot might actually be the same size, but the iPad one is overlapping with the device status bar. You can see the blue icon on the right is overlapping. By the way, that overlapping behaviour shouldn’t happen. Does it still happen if you remove the icon and just have a text in the toolbar? I’m guessing that the problem is because the icon height is larger than the toolbar height and the toolbar is not automatically resizing. From the OnsenUI source code, it looks like the height is set to 46px. It should be possible to override this by applying your own CSS class to the toolbar. https://github.com/OnsenUI/OnsenUI/blob/master/css-components/src/components/toolbar.css#L6
• L

  Can't open side menu outside tabbar pages
  • linkon

  4
  0
  Votes
  4
  Posts
  45
  Views

  E

  The problem is that you have currently have the splitter inside the navigator, when you actually need the navigator inside the splitter. Copy the example from the link I already posted. It defines a splitter, and within the splitter content is a navigator. That means that the splitter is available on every page, no matter what page the navigator shows. Then for the tabbar, just define a page with a tabbar and push it using the navigator. That means you have: A top-level splitter Inside the top-level splitter: a navigator that is used to show pages. Inside the navigator: a page containing a tabbar that is pushed by the navigator.
• I

  This topic is deleted!
  • icangeek

  1
  0
  Votes
  1
  Posts
  1
  Views

  No one has replied

• 

  angular-fontawesome icons instead of preloaded fontawesome
  • jkon

  6
  0
  Votes
  6
  Posts
  95
  Views

  E

  It might work to set the icon attribute of ons-tab, then inspect the tab in your browser’s dev tools, and copy the compiled result from the inspector into your source code. This way Onsen doesn’t compile the tab because you’re already using the transformed version of the tab. Then you should be able to put HTML child elements in the tab.
• A

  ons-input change size and fonts etc
  • akshayihf

  2
  0
  Votes
  2
  Posts
  35
  Views

  E

  Sorry, I’m not sure I understand the question. Can you provide an example of what you mean here? https://onsen.io/playground/ Then click Export to Codepen and post the link here
• L

  Collapsible Lists
  • LittleOldLady

  3
  0
  Votes
  3
  Posts
  83
  Views

  L

  Thanks for your response. That helped to clarify. I’ll check back later to see if this has been added.
• C

  Refresh on postpop event
  • charlyconso

  2
  0
  Votes
  2
  Posts
  56
  Views

  E

  If a page is removed from the page stack (for example, when it is popped using popPage) it no longer exists in the DOM, and if it is re-added (for example, using pushPage) then it will be reloaded.
• G

  Vue: tabbar not updating props
  • gandalf

  5
  0
  Votes
  5
  Posts
  117
  Views

  E

  @gandalf In that case, can you put a minimum working example up on GitHub?
• G

  onsenui and git
  • gandalf

  10
  0
  Votes
  10
  Posts
  204
  Views

  E

  @gandalf cssnext compiles to CSS right? So as part of your build process, you need to generate a CSS file from your custom rules written in cssnext and link it.
• B

  <ons-list> expandable not working !!
  • bryanbarreto

  2
  0
  Votes
  2
  Posts
  61
  Views

  E

  That code looks correct. Make sure that code is inside an ons-list element. What version of Onsen UI are you using? Expandable list items were introduced in 2.10.0. You can also test the code in https://onsen.io/playground/ . If it works in the playground then it is a problem with your environment. If it is not working in the playground, then click Export to Codepen and link it here.
• D

  build for platform specific css components
  onsen ui 2.0 css components • • diversity

  1
  0
  Votes
  1
  Posts
  59
  Views

  No one has replied

• T

  Change Tabbar height conditionally in React
  • tfu

  3
  0
  Votes
  3
  Posts
  108
  Views

  E

  One way would be to check in JavaScript whether the platform is iOS with ons.platform.isIOS and then set a CSS class that contains the height rule that way. There is probably a way to do it in CSS as well but I can’t think of it off the top of my head right now. https://onsen.io/v2/api/js/ons.platform.html#method-isIOS
• M

  Checkbox and ripple
  button list ripple checkbox • • Michael Redwine

  3
  0
  Votes
  3
  Posts
  97
  Views

  E

  Can you make a working example of this at https://onsen.io/playground/ and link it here? If it’s a bug (as it seems like it might be), I’ll add your example to a GitHub issue to track the problem.
• Z

  pull Hook on multiple pages
  • Zeni241

  2
  0
  Votes
  2
  Posts
  117
  Views

  E

  If you put pull.js in the head of your index.html file, you should only need it once. I think the reason your code is not working unless you put a script tag with each pull hook is that your pages are defined as templates, so when documents.getElementsByClassName is called, it won’t find the pull hooks from the other templates because they are not loaded in the DOM. If you still need help with the messages, can you make a working example of your code in https://onsen.io/playground/ and link it here so I can run it?