Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Andreas B
    @andreasba
    Ah got it!
    For all the other new to vue: this is in my html: <span :uk-icon="icon"></span> and this is in my vue js file: data: function () {
    return {
    icon: 'ratio:2; icon: twitter',
    }
    },
    (notice it say "data: function()" and not just "data:" because it is defined in a prop. I can also recommend https://www.vuemastery.com/ - they really explain it very well
    May Kittens Devour Your Soul
    @diomed
    @zzseba78 ever thought of creating generator?
    Sebastian
    @zzseba78
    @andreasba well done
    @diomed never :)
    Sebastian
    @zzseba78

    @andreasba You also can make it this way, with a method:
    html

    <div id="app">
        <span :uk-icon="createIcon('instagram', 1.5)"></span>
    </div>

    and script

    new Vue({
        el: '#app',
        data: {
    
        },
    
        methods: {
            createIcon: function(icon, ratio) {
                return 'icon: ' + icon + '; ratio: ' + ratio;
            }
        }
    });
    Sebastian
    @zzseba78
    Or in your use case:
    <div id="app">
        <span :uk-icon="createIcon()"></span>
    </div>
    
    <script>
        new Vue({
            el: '#app',
            data: {
                icon: 'instagram',
                ratio: 3.5
            ,
            methods: {
                createIcon: function() {
                    return 'icon: ' + this.icon + '; ratio: ' + this.ratio;
                }
            }
    });
    </script>
    Damian Engel
    @dlusions
    Not sure if this is the right forum, but I can't seem to find too many outlets that include UIKit as a skill set. I'm looking for efficient and experienced freelance front end developers that are interested in building out HTML page templates for a headless CMS from provided designs using the latest version of UIKit. Developer would be working directly with myself and a few other team members in a divide and conquer approach. Please private chat me if interested. Thanks
    PavelNSH
    @PavelNSH
    In firefox (linux) no bullet in first line right column
    https://codepen.io/pavelnsh/pen/zyWOqm?&editable=true
    Sebastian
    @zzseba78
    @PavelNSH Remove uk-grid-item-match
    PavelNSH
    @PavelNSH
    @zzseba78 Thank
    sdraper69
    @sdraper69
    is there a way to stop scroll spy animations when viewing on a mobile device ?
    Igor Apfentaler
    @IgorApfentaler_twitter
    Question, i need to make draggable cards from sidebar in to main section, but when i drag them, they also need stay in main place, so i can reuse them.
    basically i'm building draggable builder (drag & drop). https://codepen.io/Igor86/pen/maLaVx
    Sascha
    @saschadube

    @/all

    📢 Gitter chat for UIkit is moving to Discord

    We have finally decided to leave Gitter. We were looking for a better and more sophisticated chat service for a while now, and Discord looks like the best choice. Many Open Source project like Vue.js, React and Laravel have left Slack and Gitter in favor of Discord. So, please join the new Discord server for UIkit. Here is the official invite link. See you there 🥳🎉 https://discord.gg/NEt4Pv7

    May Kittens Devour Your Soul
    @diomed
    ayo! :thumbsup:
    Sascha
    @saschadube

    @/all 📢 Gitter chat for UIkit is moving to Discord

    We have finally decided to leave Gitter. We were looking for a better and more sophisticated chat service for a while now, and Discord looks like the best choice. Many Open Source project like Vue.js, React and Laravel have left Slack and Gitter in favor of Discord. So, please join the new Discord server for UIkit. Here is the official invite link. See you there 🥳🎉 https://discord.gg/NEt4Pv7

    Ryan Valenzuela Alvar
    @alvar_ryan_twitter
    Cv bnc
    Jürgen Hörmann
    @jhit
    Hello. I need some help with the JS side of UIkit.
    I want to create a custom component for UIkit that listens to tthe scroll event in UIKit and then triggers custom animations to special elements.
    I see two ways to do this:
    1: Using the UIkit.util.on(window, 'scroll', function() {}); to run my custom code.
    2: create a UIkit.myComponent. I'd prefer this method but I currently find no information if this is possible and how the code should look like.
    Any advice how to properly do this?
    May Kittens Devour Your Soul
    @diomed
    @jhit we're no longer here. go to Discord for help
    Ivan Gretsky
    @ivangretsky
    Good day!
    I heard UIkit javascript can be used without the css part. I want to write the css part myself, making it custom, but use UIkit's js components. For example, the Offcanvas component. Is there anything to read on that? Maybe some codepens (I could not find anything on topic)? Is it even possible?
    Aaron
    @aarongerig
    @ivangretsky > @/all 📢 Gitter chat for UIkit is moving to Discord
    We have finally decided to leave Gitter. We were looking for a better and more sophisticated chat service for a while now, and Discord looks like the best choice. Many Open Source project like Vue.js, React and Laravel have left Slack and Gitter in favor of Discord. So, please join the new Discord server for UIkit. Here is the official invite link. See you there 🥳🎉 https://discord.gg/NEt4Pv7
    Jdeboysere
    @Jdeboysere
    Hi here! I have a problem with Uikit 3 last version
    I have an <div uk-grid>...</div> inside a container with uk-hidden
    When I remove the uk-hidden classe, the grid does not apply the following classes : uk-first-column, uk-grid-margin
    Is it a bug? How can I fix that?
    Theses classes are added if I resize my browser, but $(window).resize() does not help
    Aaron
    @aarongerig
    @Jdeboysere Have a look at my message above.
    Jdeboysere
    @Jdeboysere
    Oh, I forget that !
    Thanks you
    bingrui pan
    @pan87232494
    hello guys ?is there compatiable timepicker for uikitv3?
    Chris Hoppe
    @choppe3766
    @pan87232494 I use Flatpickr, you will found it on https://flatpickr.js.org/
    bingrui pan
    @pan87232494
    @choppe3766 thank you so much, look awesome
    Nedrarick
    @nedrarick_twitter
    T
    Hadi
    @Al_Musamim_twitter
    hello is there a way to get the value of offcanvas whether it is shown or not?
    Aaron
    @aarongerig

    @Al_Musamim_twitter

    @/all 📢 Gitter chat for UIkit is moving to Discord
    We have finally decided to leave Gitter. We were looking for a better and more sophisticated chat service for a while now, and Discord looks like the best choice. Many Open Source project like Vue.js, React and Laravel have left Slack and Gitter in favor of Discord. So, please join the new Discord server for UIkit. Here is the official invite link. See you there 🥳🎉 https://discord.gg/NEt4Pv7

    Hadi
    @Al_Musamim_twitter
    @aarongerig thank you
    Joo Han Kim
    @deadthingy
    Hello guys, is it possible to let the slider switch from the last to first item (or reversed) without going through all items?
    Joo Han Kim
    @deadthingy
    +using javascript (slider.show())
    webitproff
    @webitproff
    Please, help me! How made slider with lightbox, when click on a picture of slider?
    May Kittens Devour Your Soul
    @diomed
    woxinjidu
    @woxinjidu
    有人吗
    有大神不 求教
    俺想学前端
    Andreas Bernard
    @anderschbe
    Hi. Short q: I try to use the rowspan attribut inside a uk-table-. Somehow it has not effect. Is there some override in uikit table (can't find anything in the documentation).
    Aaron
    @aarongerig

    @anderschbe

    @/all 📢 Gitter chat for UIkit is moving to Discord
    We have finally decided to leave Gitter. We were looking for a better and more sophisticated chat service for a while now, and Discord looks like the best choice. Many Open Source project like Vue.js, React and Laravel have left Slack and Gitter in favor of Discord. So, please join the new Discord server for UIkit. Here is the official invite link. See you there 🥳🎉 https://discord.gg/NEt4Pv7

    Georg Kettele
    @pixelcrash
    Hi , is there a way of using one navigation for 2 slideshows?
    Something like this
    let intro_slider_h = UIkit.slideshow('#intro-slider-h');
    let intro_slider_v = UIkit.slideshow('#intro-slider-v');
    $("#intro-slider-prev").click(function(){ intro_slider_h.prev(); intro_slider_v.prev(); });
    $("#intro-slider-next").click(function(){ intro_slider_h.next(); intro_slider_v.next(); });
    Luis Miguel Urbina Rodriguez
    @miguelurbina
    Hi, any for there?
    Hello, my site made in UIkit is not responsive in mobiles, despite using containers and grids. I test on mobile test tools and if it works, but in practice, that is, on mobile phones, it comes out as in the desktop version. That could be happening?