Questions tagged [alloy-ui]

Alloy is a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure, style and behaviour.

Alloy UI is a user interface web application framework. It's purpose is to help make building and designing web applications an enjoyable experience.

Alloy UI is a javascript framework which is built upon the . This framework is extensively used by portal as the de-facto javascript & UI framework.

Current version of the library is Alloy UI v2.5.x.

What questions should have this tag?

  • questions which involve using any function or modules of alloy-ui
  • questions which involve using alloy-ui taglibs in liferay
  • questions which involve using alloy-ui modules/functions with liferay

Interesting links

236 questions
10
votes
2 answers

"A is not defined" inside of block

I'm trying to extend some functionality of an existing Liferay portlet. As part of this, I would like to use Alloy UI to modify the value of a field in the portlet. There's a pre-existing block where I would like to define my custom…
red_sky
  • 834
  • 9
  • 17
6
votes
3 answers

How to set the selected value in aui:select box

I have form with select box in my user form. I also need to update the form in edit mode. I am able to get selected value in edit mode. But I am unable to set the selected value in the edit mode. Here I am able to get the selected value from db.…
Vinod
  • 2,263
  • 9
  • 55
  • 104
6
votes
3 answers

Bootstrap modal in Liferay

I use Bootstrap 2.3.2 and Liferay 6.2 bundled with Tomcat. I have some modal windows with complex body structure created in Bootstrap 2.3.2 and I would like to use them in my portal. Here is said that Liferay uses Bootstrap 2.3.2 css, but not…
Matt
  • 8,195
  • 31
  • 115
  • 225
6
votes
2 answers

How to get client side portlet-id in liferay?

I'm using AlloyUI in my liferay portlet. I want to use my 's id in javascript. The problem is that the id of the elements are changed in client side. For example: If I set an 's Id to "username" it is changed to…
Beginner
  • 1,010
  • 4
  • 20
  • 42
6
votes
2 answers

Remove Alloy UI from Liferay

Liferay CMS comes with Alloy UI to do several javascript functions (draggable, sortable etc.) The thing is we also use several jQuery plugins that use jQuery UI. Alloy UI also loads slow and has big overhead causing the webpage to lag massively, so…
user780756
  • 1,376
  • 3
  • 19
  • 31
5
votes
1 answer

Accordion in Liferay / Collapsable Navigation

in Liferay 6.2, I can see that all of the below options are basically collapsible. I would like to make a list in my portlet the same. My sample data is
    Header 1
  • Sub Header 1
  • Sub Header 2
    Header 2 …
RaceBase
  • 18,428
  • 47
  • 141
  • 202
5
votes
2 answers

How to add custom nodes and properties to AlloyUI diagram builder

I have been trying to use diagram builder example of AlloyUI. I need to add some extra custom node types as well as some additional properties for the nodes. I thought about modifying and then building the library but it sounds like an overkill for…
none
  • 11,793
  • 9
  • 51
  • 87
4
votes
2 answers

Dynamically Rendering AlloyUI Modal body HTML via Javascript

I have a form created via javascript that will be set as the content of a modal widget provided by Alloy UI. However I don't feel I am approaching this the right way. This question applies for javascript-created HTML in general. I realize I should…
Clay Banks
  • 4,483
  • 15
  • 71
  • 143
4
votes
1 answer

AUI Auto fields as the tags in liferay6.2

I am displaying data using auto-complete successfully, I am separating each data by using ',' delimiter. Now I have a requirement to implement the auto-complete like Liferay Tags for the fields as shown below: the below is my code…
ASR
  • 3,289
  • 3
  • 37
  • 65
4
votes
2 answers

How can I add a customized buttons to the AlloyUI Scheduler's event popup?

How can I add a customized buttons to the AlloyUI Scheduler's event popup? The event popup includes Save, Cancel, and Delete buttons, but I would like to add another one (for example Edit). I've looked through the Schedulers API Doc, but I cannot…
Rohan K
  • 177
  • 1
  • 3
  • 21
4
votes
2 answers

Adding dynamic elements to aui form in liferay

How can we add dynamic aui form elements in liferay by using script or aui:script ?? If that is not possible, is there any alternate solution. I have an aui form which has two sections. On clicking of a button, I want to add new sections to the form…
Kiran Kulkarni
  • 1,434
  • 2
  • 18
  • 40
4
votes
0 answers

AlloyUI Scheduler

I have played around with the AlloyUI Scheduler, and it seems to be the by far best calendar out there. While poking it, a few questions have risen. I am not particularly experienced with YUI, so my questions might be caused by lack of experience…
Kaarel Nummert
  • 989
  • 8
  • 20
4
votes
1 answer

Alloy UI input label of different style

I have a aui:input in my form with label First Name *. The current font color of the label is black now. What I want is the label First Name in black font and * in red color. Does anyone know how to achieve this?
nebula
  • 3,932
  • 13
  • 53
  • 82
3
votes
1 answer

How to make AUI validation apply only when a check box is selected?

I have fields in an aui form that I only want to be required when a corresponding checkbox is selected, otherwise they're not required. I'll enable these input fields using once the check box is enabled and only then aui validation…
Ravi R
  • 73
  • 1
  • 11
3
votes
1 answer

Set alloy UI timepicker timeslots

I have an alloy ui timepicker in my form. I want to only display Hours in the Input Fields. But the problem is Alloy UI divides Timeslots in 30 minutes each. So thats my input fields displays same hour 2 times A.use('aui-timepicker', function(A) { …
Harsh Kanakhara
  • 909
  • 4
  • 13
  • 38
1
2 3
15 16