Navigation

    Monaca & Onsen UI
    • Register
    • Login
    • Search
    • Tags
    • Users
    • Blog
    • Playground
    1. Home
    2. guirip220
    G
    • Flag Profile
    • Profile
    • Following
    • Followers
    • Blocks
    • Topics
    • Posts
    • Best
    • Groups
    Save
    Saving

    guirip220

    @guirip220

    0
    Reputation
    5
    Posts
    1028
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    guirip220 Follow

    Posts made by guirip220

    • RE: Theme Roller css breaks my app UI

      Pretty disappointing.
      Anyway, thanks for the answers.

      posted in Onsen UI
      G
      guirip220
    • Theme Roller css breaks my app UI

      Hello

      I used the Theme Roller because I needed to change the color of the Toolbar component on Android (would like it to be like on iOS).

      BEFORE

      import '../node_modules/onsenui/css/onsen-css-components.css';
      

      0_1492190134306_before-theme-roller.png

      Buttons and labels in ToolBar are vertically centered.
      SplitterSide content is correctly styled.

      AFTER

      import '../data/public/lib/onsen-css-components.min.css';
      

      0_1492190258099_after-theme-roller.png

      Ok the colours are now what we wanted, but everything else has gone wrong…!

      I simply replaced the import of:

      • node_modules/onsenui/css/onsen-css-components.css

      by the downloaded css:

      • data/public/lib/onsen-css-components.min.css

      What is the problem ?

      Here are the versions we are using:

      • onsenui: 2.2.1
      • react-onsenui: 1.2.0

      Any help would be very appreciated.

      Guillaume

      posted in Onsen UI
      G
      guirip220
    • RE: ons-splitter-side

      @guirip220: Forget about it. Works much better when looking at the react section of your documentation!

      posted in JavaScript Core
      G
      guirip220
    • RE: ons-splitter-side

      Hello

      How can we open/close the menu from a state/props attribute?

      The component SplitterSide has no attribute to indicate if we want it to be opened or closed. The only way I see is something like this:

      		<SplitterSide postclose={actions.closeMenu} ref={ instance => {
      							if (instance) {
      								let el = ReactDOM.findDOMNode(instance);
      								if (props.isOpen && !el.isOpen) {
      									el.open();
      								} else if (!props.isOpen && el.isOpen) {
      									el.close();
      								}
      							}
      						} }>
      

      which is overcomplicated and does not work as well as expected.

      posted in JavaScript Core
      G
      guirip220
    • RE: Onsen UI 2.2.0 Release: CSS Upgrade

      Hello

      I read that this concerns not only OnsenUI core but also ‘Angular, React and Vue bindings as well’, so shouldn’t there be a new release on react-onsen github page ? (still 1.0.3 from 26 oct.)
      https://github.com/OnsenUI/react-onsenui/releases

      Cheers from France
      Guillaume

      posted in News & Announcements
      G
      guirip220