Questions tagged [ui-library]

Denotes questions regarding Magento 2 Ui Library

Filter by
Sorted by
Tagged with
1 vote
1 answer
293 views

How to use .abs- (from abstract) from UI library LESS?

Magento Documentation for UI Library has said to use "Extend class names should have prefix .abs- (from abstract)" There is no other explanation for the usage in the documentation How should we use ...
Haerriz's user avatar
  • 681
4 votes
0 answers
3k views

mageInit KO binding not working for a custom jQuery widget

I can't get the mageInit binding to work on a custom jQuery widget which I have created. I have used it in my KO template like: <div data-bind="mageInit: {'mywidget':{'configuration-value':true}"&...
Holly's user avatar
  • 4,843
1 vote
2 answers
1k views

Magento 2 Ui Conditions component in custom module

Please tell me about using Ui Conditions component in my custom module. I`m trying to make module with products conditions filtration, like a catalog widget 'catalog product list': I'm trying to ...
Pavel Shiriaev's user avatar
0 votes
2 answers
435 views

What is the best way to generate html in Magento2?

Is it a what to generate html in blocks to render in templates. Working in other php frameworks there always some kind of html helper with in the framework but the only thing I can see is the is the ...
open-ecommerce.org's user avatar
1 vote
0 answers
398 views

Adding Bootstrap RTL LESS to Magento 2 theme

I need to include bootstrap-rtl LESS files to my theme when using fa_IR locale. So I did: Add those downloaded LESS files to: app/design/frontend/<Vendor>/<Theme_Name>/web/i18n/fa_IR/...
Mehran Zarei's user avatar
9 votes
4 answers
14k views

Applying Magento 2 library tooltip to custom theme

There isn't really a lot of questions about tool tips in Magento. I'm hoping someone can help me from pulling my hair out over this one. I'm looking to have a simple tool tip pop up with some ...
kia4567's user avatar
  • 217
1 vote
1 answer
2k views

How to use Magento 2's UI Library Layout LESS variables

In the Magento 2 UI library there are LESS variables for the layout grid. See Magento UI Library > Layout. Particullarly there are these two: Variables list names Default value ...
Holly's user avatar
  • 4,843
0 votes
1 answer
217 views

Best way to start making Magento 2 themes

I have done the research about it and found many solutions I tried some of them and came up with results successfully. In my study, I have found that Magento 2 comes with its built-in CSS library and ...
Soeb Safi's user avatar
  • 313
1 vote
2 answers
3k views

Magento 2.1.6 - Extending the dropdownDialog (lib/web/mage/dropdown.js) not working

I am trying to extend the default dropdown.js of Magento 1) Created a new JS file at app/design/frontend/<vendor>/<theme-name>/web/js/mage/dropdown.js define([ "jquery", "jquery/...
Atish Goswami's user avatar
1 vote
2 answers
733 views

Magento UI Library to use or not to use?

Is anyone using Magento 2's built in UI Library? I usually like to keep things inline with the framework, so I try to use the tools provided and follow the best practices set by the framework. But ...
Justin's user avatar
  • 41
5 votes
1 answer
2k views

UI library less override

I need to override a less file in /lib/web/css/source/lib/ because _navigation.less contains a mixin .lib-main-navigation-desktop() which use some !important rules that brooke the submenu positioning. ...
Lorenzo's user avatar
  • 638
2 votes
1 answer
612 views

Overlap Product image By uploaded image in product view page

We are displaying Product image1 in site as below : Now we are giving an option to upload image2 from Product view page using below code, and what we want is uploaded image2 should overlap on existed ...
Baby in Magento's user avatar
5 votes
1 answer
520 views

Use UI library mixins in custom module

I need to use some UI components in a custom module, so I included Magento2 Ui base library in my less file in this way: @base-dir: "../../"; @import '@{base-dir}css/source/lib/_lib'; This works ...
Mir's user avatar
  • 466
5 votes
1 answer
416 views

Themes - Usage of external libraries

We're currently working on a brand new Magento 2 theme based on the Snowdog Blank Sass parent. After a lot of research we've figured out a ton of cool features and insights on how to build a solid and ...
Willem Poortman's user avatar
8 votes
2 answers
542 views

Where to place custom UI library

I need to create my own UI library (mostly .less files, but also images and .js) which will be used in multiple custom modules and themes. I thought I will just add my files to Magento UI library ...
zitix's user avatar
  • 2,192