Questions tagged [oojs-ui]

OOUI is a library that allows developers to rapidly create front-end web applications that operate consistently across a multitude of browsers.

OOUI is a library that allows developers to rapidly create front-end web applications that operate consistently across a multitude of browsers.

OOUI is available as a library in MediaWiki Core as of version 1.23, as well as on npm, Composer and through cdnjs.

7 questions
4
votes
2 answers

label/data mechanism in "OO.ui.ComboBoxInputWidget"

OOUI's OO.ui.ComboBoxInputWidget allows to set an array of OO.ui.MenuOptionWidget objects in its menu.items config field. Such an item can have a label and a data field. The data field can be of type object 1. Now, if I use a data field of…
3
votes
0 answers

OOUI: How to get reference to Tool from a ToolFactory or Toolbar identified by group

OOUI is supposed to be a library that allows to rapidly create front-end web applications that operate consistently across a multitude of browsers. I'd like to create a toolbar consisting of multiple groups (here just: a-group) and I am struggling…
Rainer Rillke
  • 1,281
  • 12
  • 24
2
votes
1 answer

TypeError: OO.ui.MessageDialog is not a constructor when using OOUI/Windows/Message Dialogs

I am trying to use OOUI/Windows/Message Dialogs to prompt a user warning. I used code snippet from https://www.mediawiki.org/wiki/OOUI/Windows/Message_Dialogs to open a Dialogbox. But when I use var messageDialog = new OO.ui.MessageDialog(); this…
Shanika Ediriweera
  • 1,975
  • 2
  • 24
  • 31
2
votes
1 answer

MediaWiki / OOUI: SelectWidget for multiple selections?

is there a class similar to a SelectWidget which allows to select multiple items from a list in the OOUI library? I want to use that in a MediaWiki VisualEditor instance I'm extending. I guess I can also rewrite SelectWidget myself, but yeah maybe…
Jdv
  • 962
  • 10
  • 34
1
vote
0 answers

reconstruct OO.ui.ButtonWidget from $ element

Setup I create an OO.ui.ButtonWidget in javascript and then display it using $( '#XXX' ).append( mybuttonwidget.$element ). Lets say the id of this OO.ui.ButtonWidget is YYY. What I'm trying to do I would like to disable this button latter depending…
john
  • 11
  • 2
0
votes
1 answer

How to get data from OO.ui.DropdownWidget?

Given a ui with drowpdown menus built with OO.ui allowing to select human languages associated with their Wikidata value : languagesA = new OO.ui.DropdownWidget({ id: 'lqg-languagesA', label: 'Source language', menu: { items:…
Hugolpz
  • 17,296
  • 26
  • 100
  • 187
0
votes
1 answer

Angular - How to create reusable mat menu component

I have mat menu which needs to trigger in multiple places. Where i have repeated list items(ngFor) and on each list item we show more icon and on clicking on it will show mat menu with 3 options each on click will call one function. Here i have a…
Roster
  • 1,764
  • 6
  • 17
  • 36