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
2
votes
1 answer

ReactJS and UIkit 3.6.5: click event isn't fired inside modal window

I develop an app on ReactJS and trying to configure UIkit modal window. The problem is that the click handler on the button("Save") does not work, the click event is basically not listened inside the modal window. I put the button out the modal…
Sergey_Z
  • 31
  • 6
2
votes
1 answer

TinyMCE with UIKIT 3 Modal

I use TinyMCE version 4.3.10, with the latest version of UIkit 3, the problem is that if I insert the tinymce inside a textarea that is inside a div in modal, as soon as I open the div through the uk function -toggle. I load the tinymce screen but I…
Francesco Tozzi
  • 415
  • 1
  • 3
  • 12
2
votes
0 answers

What is the intended workflow with UIkit when creating a custom theme with Webpack?

We have Webpack for our project and we need to customize a great amount of things. I.E. we need to create our own theme. According to the docs, I should have: @import 'theme/_import'; @import '~uikit/src/scss/variables'; @import…
dodov
  • 5,206
  • 3
  • 34
  • 65
2
votes
2 answers

Opening a UIKit modal through JavaScript

I am using the UIKit framework and their modal looks like this:
2
votes
1 answer

Use django-crispy-forms with Uikit

I'm building a website with django and i'm using uikit 3 as front-end framework is there any way to style django-crispy-forms with uikit ? with bootstrap i can just put this line on settings file : CRISPY_TEMPLATE_PACK = 'bootstrap4' is their any…
DAMAR225
  • 1,993
  • 1
  • 13
  • 22
2
votes
2 answers

UIkit 3's Filter component: Set active filter with URL hash - unable to change active filter with JS

I'm trying to pass a hash to an URL to set a UIkit filter.
2
votes
4 answers

Using UIKit 3 Icons in React

I'm trying to use UIKit icons in a React project. However, they don't show at all. I'm using npm and I'm running the following code: import '../node_modules/uikit/dist/css/uikit.min.css'; import '../node_modules/uikit/dist/js/uikit.min.js'; import…
2
votes
1 answer

How to get the "id" of moving sortable UIKit 3 element using JavaScript?

I want to know or print which card that is being dragged let's say upon drop and show it in the UIKit notification. I checked the console.log but nothing happens. From the documentation, it is only possible to get even on moving but not to get the…
2
votes
1 answer

Using Redux to display a notification in response to a network request

My web application uses React and Redux and UIKit. It consists of screens A and B. Screen A contains a button which - upon pressing - will send an asynchronous network request to post some data to a server. If a user remains on screen A until a…
Ogen
  • 6,499
  • 7
  • 58
  • 124
2
votes
0 answers

How can convert UIKIT HTML Framework Date-picker component to Jalali Calendar

I use UIKIT HTML Framework on My project and I have a big problem with that, UIKIT Datepicker component use moment.js Library for config time & date but I need to convert Datepicker's date to Jalali(Shamsi, Persian) Date. I'm searching and find…
2
votes
2 answers

UiKit Font not working

I've started using UiKit on a project, included it as: And
Pitchwaiz
  • 43
  • 8
2
votes
2 answers

UIkit: set switcher tab to current window hash

I am asking this question here for a larger audience - this is something that is not documented. Using tab switchers in UIkit for my signin form. This is the markup:
2
votes
2 answers

UIKit (getuikit) slider component refuses to work

I have no idea what is going on with this slider component for UI kit. I've used UI kit successfully for months (including using the slider) and now, on this new site, it isn't rendering at all (list items showing up as default, no slide…
EmilyH
  • 90
  • 1
  • 9
2
votes
4 answers

How to correctly append dynamic GetUIKit accordions?

I'm trying to dynamically append UIKit Accordions into a sortable list. The initial items (accordions) are working, but the dynamically appended is not working. HTML
Ionică Bizău
  • 109,027
  • 88
  • 289
  • 474
2
votes
2 answers

css uikit grid component: text overlapping in div in Google Chrome

I am working on the following web page using the uikit grid component to display books/journal subscriptions: http://booktest.ersnet.org/PublicationsSubscriptions/ Everything looks fine in Firefox and Internet Explorer. But with Google Chrome I have…
X. Monnet
  • 23
  • 3
1
2
3
14 15