by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Martin Murphy
    @martinjmurph
    @softwaretailoring Hi, I was wondering if it was possible that I could build in some kind of auto rotation into the wheelnav? Long story short the client wanted a constantly rotating circle so that no section is considered the most important. If it isn't directly possible to do, is there anywhere you could point me that I might be able to integrate.
    Gábor Berkesi
    @softwaretailoring
    @martinjmurph Please check this: http://wheelnavjs.softwaretailoring.net/mandala There is an auto rotation wheelnav, source code here: https://github.com/softwaretailoring/wheelnav.mandala/blob/master/index.html#L34
    Johan Burmester
    @burmester
    Hey! Nice scirpt! are you thinking of pushing it to NPM and Bower?
    im a bad scroller.. its there already
    Gábor Berkesi
    @softwaretailoring
    @burmester :smile: Thank you for your feedback!
    David Gardner
    @davidlng8
    HI. Is there a method that can fire an event after the wheelnav rotates?
    Gábor Berkesi
    @softwaretailoring
    @davidlng8 Yes, there is an animateFinishFunction variable. You can find a sample here: http://wheelnavjs.softwaretailoring.net/inspirations/hammer.html and source code here: https://github.com/softwaretailoring/wheelnav.inspirations/blob/master/hammer.html#L44
    David Gardner
    @davidlng8
    @softwaretailoring thank you so much for this.
    David Gardner
    @davidlng8
    Hi, i'm having some difficulty with setting a background image as my spreader for a wheelnav implementation. Does such functionality exist?
    David Gardner
    @davidlng8
    Found a workaround to this. For the css I set the svg element to have the background and centered it.
    Gábor Berkesi
    @softwaretailoring
    @davidlng8 You can use JavaScript also. Please check this: https://github.com/softwaretailoring/wheelnav/blob/v1.6.1/index.html#L36
    David Gardner
    @davidlng8
    Thank you very much. This way is a lot cleaner.
    David Gardner
    @davidlng8
    Is there a JS way to shrink the space between the spreader and the nav items....?
    David Gardner
    @davidlng8

    I've tried

    wheel.wheelRadius = wheel.wheelRadius 0.93;
    wheel.spreaderRadius = wheel.wheelRadius
    0.24;

    But i only seem to be able to expand the spreader to fill the space.

    NikkiChristofi
    @NikkiChristofi
    hi @softwaretailoring
    Issue: I've installed wheelnav via npm and am trying to use in my #Aurelia app. I want to import it as a module, i.e. import * as wheelnav from 'wheelnav' , so I can then use var wheel = new wheelnav("divWheel"); in my module js file, and have the html in the module html file. However, I keep getting:
    Inner Error:
    Message: wheelnav is not a constructor
    Q: Is there any way to construct the wheelnav in my class? I've added a gistrun to explain clearly my intentions for using wheelnav: https://gist.run/?id=4fcaf2551ab6c427a564e1273e6807de
    Gábor Berkesi
    @softwaretailoring
    Hi @NikkiChristofi I didn't use Aurelia before, so it's only a tip. There is no reference for wheelnav.js in your index.html as is raphael.js. Does it matter?
    NikkiChristofi
    @NikkiChristofi
    @softwaretailoring - I just added the scripts for the GistRun - if I'm installing wheelnav via npm is there still a need to add the scripts to my index.html?
    Gábor Berkesi
    @softwaretailoring
    @NikkiChristofi Yes, I think so. :smile: Did you try this page? /node_modules/wheelnav/js/dist/welcome.html
    Trying to make sub menu like this page. how do I write?
    Gábor Berkesi
    @softwaretailoring
    Hi @Ziggomatic please check this: softwaretailoring/wheelnav#31
    Ziggomatic
    @Ziggomatic
    thanks @softwaretailoring
    and I've some problem about click funtion, https://github.com/Ziggomatic/PieKey
    I could what I clicked (like "あ")
    but I want write to textarea from wheels.
    and $('#wheelnav-wheelDiv1-slice-0').click(function () {
    alert("a");
    });
    not works. how click and do function?
    Gábor Berkesi
    @softwaretailoring
    Use mouseup/mousedown instead of click.
    Ziggomatic
    @Ziggomatic
    ok thanks
    Ziggomatic
    @Ziggomatic
    can wheel(svg) move resize with drag(use touchmove?), transparent on mobile?
    Ziggomatic
    @Ziggomatic
    I could transparent <div class="wheelnav"> with transform:opacity.
    and can use jQuery ui resizeable with wheelnav?
    Jakub Svihla
    @JakubSvihla
    hi, great work!! i am quite impressed but i am having difficulties to actually display anything on the screen. I copied and pasted from website and from github to no avail. I don't get any errors and all files are referenced correctly. When i inspect html, everything seems to be in place but nothing actually appears on the screen, just a white screen....would you please have any ideas what the problem is? thanks a lot
    Gábor Berkesi
    @softwaretailoring
    @JakubSvihla I've never heard about it before. What's on the console? What kind of browser do you use?
    Adarsh Singh
    @nxtbig
    how to use wheelnav in vue
    please help
    Gábor Berkesi
    @softwaretailoring
    Hi @nxtbig , unfortunately I don't have experience with vue+wheelnav.
    shoeb
    @shoebsd31
    Hi Is it possible to use wheelnav in a sanchaJS application ?
    Gábor Berkesi
    @softwaretailoring
    Hi @shoebsd31 , unfortunately I don't have experience with senchaJS+wheelnav.
    Yannick
    @yannickboy15
    Hey what's up. Been looking into adding actual navigation at the position of the spreader. So at the position of the spreader it'd for example add the text from the clicked slice or it'd open up a second wheel where the spreader contains a back button. How can I achieve this?
    https://i.gyazo.com/8dcad0429eb141da236a545a110aeae8.png - An example of something I'd like to do.
    Yannick
    @yannickboy15
    @softwaretailoring
    Gábor Berkesi
    @softwaretailoring
    Hi @yannickboy15 , are you ready with this issue as I saw in GitHub issues?
    Yannick
    @yannickboy15
    Hey Gabor, solved it by using it from the spreader properties instead of the title :P Somehow that worked with using the refreshWheel. You should add that to the docs, as I guess it can help quite a few people. A side question, I assume that icons and text is atm. not supported right?
    Yannick
    @yannickboy15
    http://wheelnavjs.softwaretailoring.net/examples.html - Also the sub menu example, is the code somewhere on the Git or Codepen?
    1 reply
    Yannick
    @yannickboy15
    @softwaretailoring Can you change the CSS from an imagesrc: element?
    1 reply
    MeisterBoom
    @riffy

    Hey, I have a problem with something very basic. I tried to dynamically change the title but can't quit seem to figure it out.

    animationWheel.navItems[0].setTitle("A new Title!");

    is what i'm trying to do

    welp nevermind, gotta call animationWheel.navItems[0].refreshNavItem(true) afterwards
    MeisterBoom
    @riffy
    but thanks for this lib! its really helpful :)
    1 reply