Questions tagged [alloy-ui]

1

votes
0

answer
44

Views

How to use HTML DOM elemets in alloyui dataTable

I want to show DOM elements in alloyui dataTable. but the alloyui table does not show the DOM elements. My code is as following: var tableData = []; this._popupContent.innerHTML = ''; for(var key in this._info){ (function(k) { var item = {}; item.name = k; item.dom = document.createElement('a'); ite...
mohammad fatemi
1

votes
0

answer
81

Views

Liferay/AlloyUI: Overriding util.js or disabling scrolling on form focus

How can I override (or hook) the function Liferay.Util.focusFormField in Liferay 7.0? The method is defined in frontend-js-aui-web (portal-src\modules\apps\foundation\frontend-js\frontend-js-aui-web\src\main\resources\META-INF\resources\liferay\util.js). The only way I could think of is to just over...
Manticore
1

votes
1

answer
54

Views

Little trouble customizing and saving Diagram Builder in AlloyUI 3.03

Can u help me customizing node and relative css of AllouUI DiagramBuilder ? After a few attempts and thanks above all to the help of the previous posts on the same tool AlloyUI (diagram-builder) extends Add custom node to Alloyui DiagramBuilder in JAVA How to add custom nodes and properties to Alloy...
Bestemmiolino
1

votes
1

answer
1.1k

Views

Dark Liferay Theme - Customize Alloy popups

I have developed a dark Liferay theme (dark background, white font). But now I have a problem, because the Alloy Popups and Overlays are light (white background, and now also white font). Is there a nice way to override the AUI-* css classes in a theme? Because the classes are not included in the _u...
itshorty
1

votes
1

answer
7.6k

Views

Calling a Javascript function with parameters from JSP

I have a form like this... In a view jsp file. And a JS like this... document.getElementById( 'End' ).onclick = function() { var x=document.forms['rulesForm']['FirstRuleElement'].value; System.out.println('Prova : ' + x); var y=document.forms['rulesForm']['FirstRuleAttribute'].value; System.out....
user1592470
1

votes
1

answer
2.4k

Views

Liferay - Eclipse alloy tag library error

I am developing a portlet that runs on Liferay portal (I have currently Liferay+Tomcat7 bundle, it will later run on JBoss). I am using Eclipse Helios with Liferay IDE and Liferay SDK. In my .jsp files, I use Alloy: Everything works fine - the portlet gets successfully deployed and is shown correctl...
Smajl
1

votes
1

answer
4.7k

Views

Liferay Date picker using alloy ui

I am having problems tring to use a alloy ui datepiker in liferay. my code: AUI().use('aui-datepicker', function(A) { var dataInizioDatepicker = new A.DatePicker({ trigger: '#dataInizio', calendar: { dateFormat: '%d/%m/%y' } }).render('##dataInizioPicker'); }); What I am tring to do is set the cam...
Marco Leo
1

votes
1

answer
740

Views

Apply Alloy UI 1.5 datepicker to multiple instances

I want to create Alloy UI datapickers on multiple form fields: Using JQuery I can do it using following code: $('.datepick').each(function(){ $(this).datepicker(); }); But how to achieve same functionality in Alloy UI? For now I use following code, but this code apply DatePickers by ID, not by CS...
MyTitle
1

votes
1

answer
284

Views

why do the alloyui forms appear out of the portlet?

I am working on a Liferay portlet. I use AlloyUI forms. This is the code of the portlet (it's called provision-portlet; I'm French, so the comments are in french, but I try to code in english):
Marie Piolot
1

votes
1

answer
861

Views

How can I add a custom module to be loaded globally in AlloyUI?

I have written a custom module that works fine as part of main.js and would like to move it to a separate file. I am using liferay 6.1 GA3. I have tried to add the following in main.js with no success: YUI.GlobalConfig = ({ modules: { 'bb-select-detail': { fullpath: '/js/selectDetail.js', requires:[...
Alain Dresse
1

votes
2

answer
2.5k

Views

how to capture the data sent by alloy ui io request in serveresource method?

Getting blank values for title and description in serveResource method.Is this the right way to send the parameters from io request? After inserting blank values in database I have to reload the page to see the inserted values?So io-request is not ajax request? A.one('#save').on('click', function(ev...
SwethaHarshini
1

votes
1

answer
391

Views

alloy-ui how do I change the scheduler to use 24h

Using this scheduler http://alloyui.com/tutorials/scheduler/ how would I change it to use 24h instead of AM/PM?
Divran
1

votes
1

answer
757

Views

AlloyUI : Customize pagination component

Im working with an Alloy UI pagination component in Liferay 6.2 and i was trying to customize the prev and nextc controls, i have something like this : Prev 1 2 3 Next Where myDataTable is ...a DataTable component and then the YUI code: new Y.Pagination({ contentBox: '#pagination .aui-pagination-con...
Lowtrux
1

votes
1

answer
614

Views

Table with aui-pagination and datatable-sort

I am using AlloyUI to display a table with pagination + datatable-sort. Problem: The data is sorted ONLY on the current page. Instead I want to sort all the data each time I click on a column and I want the user to be sent back to the first page. How my code works: I divide my big table into small o...
Erixx
1

votes
1

answer
125

Views

Attributes of custom nodes not shown in JSON

I have already created a diagram and a custom node following this example. The problem is, when I try to get the JSON from the diagram, the attributes I've added to the custom node are not shown, although they appear on the lateral panel. Here's an example: .diagram-node-custom .diagram-node-content...
Carlos Rivero
1

votes
1

answer
2.9k

Views

Scrollable DataTable with Auto Height

Alloy UI's DataTable provides a scrollable attribute to define x or y scrolling. This has to be used with a combination of a set height or width. How can I have a table that will adjust to whatever the height/width of the window along with maintaining the scrollable feature?
Kurai Bankusu
1

votes
1

answer
304

Views

Detecting when a schedule item has moved with AlloyUI Scheduler

I'm new to using the AlloyUI Scheduler. I have found how to display an alert if a item is saved, edited or deleted but I can't seem to find out how to show an alert if the item is moved, ie moved to another time or day. I would have thought that the 'edit' event would have handled this but apparentl...
Matt
1

votes
1

answer
714

Views

Liferay Security PermissionsURL: Preventing page refresh on save

I'm currently showing a permissionsURL in an AUI Dialog box, and every time I click save the whole page reloads, showing just the permissions page (since the window state is POP_UP). Is there a way to make the permissions page not refresh when I click the save button (like in the assets configuratio...
Angeline
1

votes
1

answer
707

Views

Resizable panels in AlloyUI

I am learning AlloyUI, but don't know how to set resizable panels in main layout. I tried this method to resize table, but it didn't work and I didn't see any error in console. Can anybody help how to make div elements resizable in AlloyUI? Here is my basic layout, where are 3 main panels resizable...
Matt
1

votes
1

answer
2.2k

Views

Send the value back from pop up portlet to parent portlet

The parent portlet has a form which I fill but do not submit yet. Then from this parent portlet I click a link to open a pop up portlet where I fill the the form in the pop up and submit the value. This value should now be available in the parent portlet. But without refresh the value is not availab...
SASM
1

votes
1

answer
915

Views

how to get multiple checkbox value using AlloyUI

I want to get multiple checkbox values from the listed select checkboxes on submit button. I have tried with node-event-delegate but it's not working: AUI().use('node', 'event', 'node-event-delegate', function (A) { var allcheckboxes = A.one('.plans').all(':checked'); console.info(allcheckboxes.size...
Devang Solanki
1

votes
1

answer
274

Views

YUI on IE8: Argument not valid on dom-style.js

I have asked this everywhere but still not getting any feedback and is getting me crazy. We are using some Alloy UI widgets on the portal im working with (Liferay 6.2) and everything works fine in all the browsers but IE8. For some reason im getting an error message regarding an invalid argument in...
Lowtrux
1

votes
1

answer
1.6k

Views

Autocomplete item selection in Alloy UI

I am working with Alloy UI auto-complete plugin that comes with Liferay. My auto complete part is working completely fine. Now, what I want to do is that I want to capture the data which is selected from the auto complete auto suggest, and do the operation. Let say, if I write ry in auto complete a...
Felix Christy
1

votes
2

answer
1.8k

Views

How to activate native bootstrap 2.3.2 javascript components in Liferay

I am using Liferay 6.2 and including Alloy UI's version of Bootstrap in my html pages, i.e: I would like to make use of Bootstrap's responsive navbar in my html like the example on the Bootstrap website but this requires the jquery collapse plugin to be included but my boss has told us we cannot in...
Karma Kaos
1

votes
1

answer
321

Views

Is it possible to update Alloy UI to newest version in Liferay?

My current version of Liferay (6.2) has Alloy UI with few bugs. Those bugs are repaired in newest version of Alloy Ui. Is it possible to use newest version of Alloy Ui instead of the old one? Thank you.
BigT
1

votes
1

answer
94

Views

Alloy user interface (selector)

I'm working with lifaray portal 6.2. And I want to get all checked checkboxes inside of a with alloy user interface. I tried A.one('#myDiv>:checkbox:checked') but it didn't work. please help.
user3845254
1

votes
3

answer
6.8k

Views

how to get checkbox checked value in alloyui

How to get Liferay AUI taglib checkbox checked value in alloyui ?
Devang Solanki
1

votes
1

answer
833

Views

AlloyUI modal reuse modal

I'm working on a AlloyUI modal window that is present in many pages of my application. The modal structure is actually the same, the only thing that changes is the bodyContent text for each page. I'm trying to reuse the AlloyUI modal script, only updating the bodyContent parameter rather than create...
Adorablepolak
1

votes
1

answer
555

Views

How to extract meaning from AlloyUI diagrams?

(Sorry I'm quite a begginner to web development and I didn't know where this question goes, hence so many tags..) I have been playing with diagram builder example in AlloyUI. It looks great for drawing but I need to make sense out of it afterwards (i.e. convert it to an xml format) so that I can sen...
none
1

votes
2

answer
2.3k

Views

LifeRay form validation using Alloy UI

I use LifeRay 6.1.2. And it have built-in Alloy UI 1.5. framework. So I try to reproduce this form validation example (I copied all code), but it don't work as expected (error labels in DOM, but they are don't visible in form (see EDIT1)): Expected result is (you can try yourself live example using...
MyTitle
1

votes
1

answer
1.8k

Views

Internationalization in Liferay 6.2 Alloy UI

we are developing a site in which we have to use internationalization concept for describing the web in different languages(18). I already translate my labels of text box and etc but I am fail to translate the label of buttons and also we have one navigation bar in which seven different pages links...
asifaftab87
6

votes
2

answer
6.6k

Views

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 _hospital_WAR_hospitalportlet_userName i.e. _hospital_WAR_hospitalportlet_ is appended t...
Beginner
4

votes
1

answer
358

Views

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 : AUI().use('autocomplete-list', 'aui-base', 'aui-io-request', 'autoc...
ASR
2

votes
2

answer
610

Views

Liferay set the id of liferay-ui:search-container-row

I want to set the id of the tr that is the result of the tag liferay-ui:search-container-row, how can I do it? For Example, the resulting table row is: I want to attach some javascript for the resulting table and I need something to refer to the various table row, like id='aui_3_4_0_1_350'. I could...
luandrea
2

votes
2

answer
2.2k

Views

Liferay portlet: redirect to an other jsp page from javascript

I want to redirect to an other jsp page in a liferay portlet from js. The idea that I found is using a renderurl. The best code that I found that can help me as a first step is this one: This render URL link is created with Javascript AUI().use('liferay-portlet-url', function(A) { var param='Hello n...
Kallel Omar
4

votes
3

answer
9.1k

Views

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. Now how can I set the selected value in my select box...
Vinod
3

votes
3

answer
2.9k

Views

In AlloyUI (or YUI3 I suppose), how do I trigger a change event when checking a radio button using setAttribute?

Changing the value of a radioButton using setAttribute('checked',true) changes the value of the radio button, but does not fire a change event. This does not seem to be limited to YUI or AlloyUI (see for instance Detecting a change in radio button/checkbox state). To work around that issue, I would...
Alain Dresse
2

votes
2

answer
2k

Views

How to get AlloyUI modal body to render properly when initialized as visible: false?

I'm using the AlloyUI modal 'Real World Example' directly from their website at: http://alloyui.com/examples/modal/real-world/ Using the example verbatim and changing the following line from: visible: true, to visible: false, So that the modal appears only after clicking the button instead of when...
tremor
1

votes
1

answer
161

Views

Display link in Alloy UI Data Table

I want to add hyperlink in the alloy ui data table. Below is my code. YUI().use( 'aui-datatable', function(Y) { var columns = ['name', 'address', 'city', 'state','edit']; var data = [ {address: '1236 Some Street', city: 'San Francisco', name: 'John A. Smith', state: 'CA', edit:'Google'}, {address: '...
Harsh Kanakhara
3

votes
1

answer
494

Views

AUI : Event rendering issue in month view

Liferay's calendar portlet uses AUI scheduler. I got following issue : I created following two an event on same day which starts on weekend(Sunday) and ends on next day (Monday)(first day of next week) Event-A : start-time : 12:10 PM, Sunday end-time : 11:59 PM, Monday Event-B : start-time : 12:00 P...
aston

View additional questions