Stack Overflow
Stack Overflow

Questions tagged [getuikit]

UIkit (not to be confused with iOS UIKit) is a lightweight and modular open source front-end framework for developing web interfaces.

UIkit (not to be confused with iOS ) is a lightweight and modular open source front-end framework for developing fast and powerful web interfaces to make the web look good.

UIkit gives you a comprehensive collection of , , and components which is simple to use, easy to customize and extendable:

  • LESS & SASS: UIkit is developed in and to write well-structured, extendable code which is easy to maintain.
  • Components: A collection of small, responsive components using consistent and conflict-free naming conventions.
  • Customizer: UIkit’s very basic style can be extended with themes and is easy to customize to create your own look.
  • Responsive: With the mobile-first approach UIkit provides a consistent experience from phones and tablets to desktops.

Useful Links

Related Tags

221 questions
0
votes
1 answer

Can't read custom UIKit events

UIKit has several custom events that are fired. For example, when switching tabs, a change.uk.tab event is fired (https://getuikit.com/docs/tab.html). The problem is I can only read the event if I prefix JQuery's "$" with UIKit.$. It's as if…
user64141
  • 5,141
  • 4
  • 37
  • 34
0
votes
1 answer

How to get the className of getUIKit event parameter

In this documentation in the bottom there is information regarding the event and its parameter (event, next slide, current slide). $('#elemId').on('beforeshow.uk.slideshow', function(event, nxt_slide, cur_slide){ // logic here... }); How can i…
Shift 'n Tab
  • 8,808
  • 12
  • 73
  • 117
0
votes
0 answers

How do I make a responsive grid with UIKit?

I'm building my whole site using UIKit framework. I am having a lot of trouble getting the responsive grid to work, my code is attached. I want the grid to stack on top of each other at all screens smaller than the medium break point. It works…
Chris Wang
  • 327
  • 4
  • 16
0
votes
2 answers

uikit parallax: why background-size is being altered?

I am trying to use ulkit's parallax UI to have a parallax background-image. However, for some reason, ulkit is making a background-size larger than my background-image. I simply added data-uk-parallax="{bg:'-200'}", my background image size is…
shenkwen
  • 3,536
  • 5
  • 45
  • 85
0
votes
2 answers

Get Ember.js and uikit together

I have a Problem with my Ember.js setup. I would love to use uikit and installed it via bower install --save uikit and or over the Ember.js project dependencies. The Problem now is, that the JavaScript part won't work. I also have googled and found…
bMalum
  • 388
  • 2
  • 13
0
votes
1 answer

How to embed a markdown editor in my html with vue.js and uikit?

My blog project was builded by vue.js and uikit at front-end and Python3 at back-end, now i want to add a markdown editor to my blog_edit.html, i used uikit examples htmleditor, but it doesn't work, i can't input from a textarea. It sames that it…
kitian
  • 91
  • 8
0
votes
1 answer

Uikit Progress bar on Uikit Table

I have problem putting a uikit progress bar inside a uikit table cell, i have searched for getuikit for progress bar and table documentation I googled everything but found no any good community or resources out there. Here is my simplified html…
Shift 'n Tab
  • 8,808
  • 12
  • 73
  • 117
0
votes
1 answer

Do something when modal is opened

I want to remove a class from a button as soon as my modal opens. I'm having trouble doing this because I don't know how to check when the modal is opened. I'm using uikit which gives me the following examples: var modal =…
unconditionalcoder
  • 723
  • 1
  • 13
  • 25
0
votes
1 answer

Less @import not working as expected

I have an issue where I can't quite understand why the Less @import option is not working as expected despite trying numerous Less @import options. Here is the file in question (app.less): @import "theme"; .nav-wrapper--background-white { …
GazleyGeester
  • 45
  • 1
  • 1
  • 6
0
votes
1 answer

How to keep uikit.sticky stay on top

I tried to follow the main web getuikit > component > sticky, but problems when scroll down sticky is work, such as ".uk-panel" css class, it seems to be on top of ".uk-stick". I need to fix. Describe the problem with images
jupeter
  • 746
  • 4
  • 18
0
votes
5 answers

Change the default CSS font for uikit

Hoe do you change the default font for uikit? UIKit The default font is "Helvetica Neue",Helvetica,Arial,sans-serif and its set on the html element tag. If i change this font on my custom style in the html tag to something else it doesn't…
twigg
  • 3,753
  • 13
  • 54
  • 96
0
votes
1 answer

Uikit Switcher with data-uk-scrollspy

I have a problem with using animations along the switcher. I know there exist data-uk-switcher="{connect:'#my-id', animation: 'fade'}" but i want to animate each object inside div differently. This does work, when the page load, but after i click on…
Martin Hetfield Mali
  • 311
  • 4
  • 13
0
votes
1 answer

UIKit accordion and ng-repeat doesn't work

I'm adding new accordion sections to my UIKit data-uk-accordion dynamically, using ng-repeat.

Driver…

orszaczky
  • 13,301
  • 8
  • 47
  • 54
0
votes
1 answer

Input group in Uikit

I am trying to make input group using uikit. I would like to have input box and button side by side like bootstrap input-group class. Can you please tell me how and what is the best way to achieve this ? Thanks for any advice.
Maria Minh
  • 1,219
  • 4
  • 15
  • 27
0
votes
1 answer

Reference UIkit-Components in Javascript code

How do I reference a UIkit Component in Javascript? I made a small example of my problem: This is the HTML:
Fabian Lang
  • 78
  • 1
  • 8
1 2 3
…
14
15