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
11
votes
3 answers

Responsive navbar in UIKit 3?

I've been migrating my website over to UIkit 3 instead of Bootstrap 4. But I've been stuck on the navbar for a while. Right now, my navbar is built in Bootstrap 4 and looks like this: https://jsfiddle.net/eztwL9p7/1/
8
votes
3 answers

UIkit's modals in React: integration

I'm working on this project where the frontend is in React with UIkit for the user interface. The integration between the parts looks poorly implemented. I'm going to explain why. There is a Modal component, something like export class Modal extends…
Ursus
  • 29,643
  • 3
  • 33
  • 50
5
votes
1 answer

Responsive DIVs placement with Bootstrap

I need to place some DIVs inside their parent container, no matter if it is the body, table's cell or another div, with Bootstrap 5, like shown on the attached illustration: In case of even number of DIVs they should take 50% of the available width…
Pimpfru
  • 345
  • 2
  • 11
5
votes
1 answer

UIkit CSS Drag/Drop file upload component

I'm having trouble getting the UIkit upload component working in my web application. I've included the upload component JS, placeholder css and form-file css. The code straight from the examples in the docs doesn't even work for me.(With some minor…
Matt McAlister
  • 418
  • 5
  • 15
4
votes
1 answer

UIkit3: to confirm user input in UIkit.modal.prompt using UIkit.modal.confirm

I want to use UIkit.modal.confirm to confirm users' input in UIkit.modal.prompt, if they confirm then proceed, otherwise then back to UIkit.modal.confirm. UIkit.modal.prompt('Input','').then(function(input){ …
shenkwen
  • 3,536
  • 5
  • 45
  • 85
4
votes
1 answer

Import uikit framework in webpack config error "UI.$ is not a function"

I use Uikit in react project it success to import .less with resolve:{...} but issue on import uikit.js and I change to imports-loadaer is It was the same in webpack.config.js file ... ... , resolve: { root: [ path.join(__dirname,…
jupeter
  • 746
  • 4
  • 18
4
votes
1 answer

UIkit tabs and switcher do not work after partial refresh

Ok, this is a bit special. We are using UIkit in our XPages application. We also use the tabs and switcher component (http://getuikit.com/docs/tab.html and http://getuikit.com/docs/switcher.html). They work fine until we do a partial refresh of the…
Oliver Busse
  • 3,375
  • 1
  • 16
  • 26
3
votes
1 answer

Ignore the errors className did not match Server and Client in Gatsby

I'm using css framework and place cdns like this //public tag
zummon
  • 906
  • 3
  • 9
  • 27
3
votes
1 answer

React failing to update DOM after a element was moved using javaScript from another library

I'm using the UIKit (arrange) functionality to drag and drop things on the screen, and it has been working great until I start to have this error: NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of…
Icaro
  • 14,585
  • 6
  • 60
  • 75
3
votes
3 answers

GetUIkIt 3 Notification Close event?

I need to know when a UIKit notification has been closed. The UIkit notification plugin (https://getuikit.com/docs/notification) mentions that it has a close event. Is it possible to use this for instances triggered…
frumbert
  • 2,323
  • 5
  • 30
  • 61
3
votes
1 answer

How to add alternative autocomplete to Search component in UIkit v3

UIkit v3 currently does not support autocomplete in the Search component, but it's is on the roadmap. Until it gets implemented has anyone successfully included a third party autocomplete to the Search component? I tried to use jQuery UI…
Lukas Pustina
  • 31
  • 3
3
votes
1 answer

Uikit slider javascript initialization

I'm a newbie in JS and need to initialize UIKit's Slider component with var slider = UIkit.slider(element, { /* options */ }); as mentioned in the docs. So in my.js file I entered $(document).ready(function(){ slider = UIkit.slider(element, {auto:…
SemanticUI
  • 899
  • 2
  • 10
  • 19
3
votes
1 answer

Can't close dropdown inside a div

This is my situation; I've got a input search. When i click in it, a new div appears under this input. Inside this div (the div it works like a dropdown basically), there's a dropdown button (i'm using uikit as css framework and Angularjs). I…
Atlas91
  • 5,754
  • 17
  • 69
  • 141
3
votes
1 answer

AngularJS: First button in form fires on enter button press even though it is not a submit button

If I press the enter button after editing input_a, processInputA() is called. The submit() function is omitted. This does not happen for input_b: It works as expected even though it is similar to input_a. The submit() function is called as…
ideaboxer
  • 3,863
  • 8
  • 43
  • 62
3
votes
5 answers

Using delay() with removeClass()

How do I delay the removal of a css class in jQuery? Here is my code $(this).addClass("uk-form-danger").delay(5000).removeClass("uk-form-danger"); The above code does nothing. I can add the class with the following…
Sparky
  • 823
  • 1
  • 11
  • 17
1
2 3
…
14 15