jQuery UI is the official jQuery user interface library. It provides interactions, widgets, effects, and theming for creating highly interactive web applications.
8
votes
0answers
474 views
Do i have to use x-tmpl in rails (jQuery File Upload)?
I added jQuery File Upload to my rails app recently similar to what is shown under following link: https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V6 .
Every rails implementation ...
6
votes
0answers
83 views
Adding search button and text box in ui-dialog-buttonpane
I am writing a greasemonkey script to manipulates the DOM, queries a server and displays the result on a separate jquery dialog.
I want to add following two functionalities to it:
Provide a search ...
3
votes
0answers
62 views
jquery ui-autocomplete and google chrome autocomplete
I am using jquery ui-autocomplete on a zip code form field to suggest zip codes. I have autocomplete off on the form field and the form itself. If i have my address saved in google chrome and i ...
google-chrome
3
votes
0answers
47 views
How to make Drag and Drop with following conditions
I am working on a asset which uses drag and drop element. where fill in the blanks is displayed in drag and drop. options to be filled are draggable and blanks are droppable.
Only one drag is ...
3
votes
0answers
146 views
Consecutive ajax requests aborts first request
My application runs on jQuery and Spring MVC.
I have a grid which contains a hyperlink on reference number which is unique.
On clicking reference number, an ajax request is sent to the spring ...
3
votes
0answers
252 views
Trouble using angular ui's layout directive
I was trying Angular UI's ui.layout directive that allows to split the view .
https://angular-ui.github.io/ui-layout/
I was using this as a replacement for JQUERY UI layout plugin . So I wanted the ...
3
votes
0answers
216 views
HERE Maps API with JQuery UI Dialog in the same page
I’ve a problem when I use HERE Maps API in a web page that contain a JQuery UI Dialog widget. The problem occurred in Chrome browser. After opening and closing the Dialog widget, if I try to zoom or ...
3
votes
0answers
619 views
jQuery UI Sortable Draggable Iframe Issue
I have one parent page with some items and I have another iframe page with sortable items. I want to drag the parent page item into the iframe page sortable item.
I have tried jQuery Draggable ...
3
votes
0answers
1k views
Spring MVC resource Configuration issue
I have been using spring MVC for while and so far so good. I decided to add jquery UI to my project because I wanted to use jqgrid for my grids. below is the folder structure for the webapp:
-assets
...
3
votes
0answers
319 views
zclip not work in jquery ui inactive tab
I am using zclip in my asp.net webpage on jQuery UI dialog in jQuery UI tab. It works great in first tab which is active but it doesn't work when I add it to second tab and click second tab and clip ...
3
votes
0answers
477 views
ui-effects-wrapper covering element
I had a problem with the ui-effects-wrapper covering other elements at seemingly random spots, thus creating dead zones particularly for anchors. Problem was solved simply by adding a z-index:-1; to ...
3
votes
0answers
1k views
Backbone.bootstrap-modal.js not working
I am following this fiddle http://jsfiddle.net/evilcelery/4XZMb/
$(function() {
//Use BootstrapModal for object List editor
Backbone.Form.editors.List.Modal.ModalAdapter = ...
3
votes
0answers
427 views
circumventing ui-dialog .dialog() conflict with mobile .dialog()
I am one of those that is trying to use both jquery-ui and jqm. Things are working except when I try to use the jquery-ui dialog.
The call to
$('#tag').dialog(options)
goes to jquery mobile's ...
3
votes
0answers
630 views
jquery sortable draggining not working correctly when using containment
I'm having an issue with jquery sortables where I can't certain items (i guess based on height) everywhere they need to go
<div class="container">
<fieldset>
<legend>handle 1 ...
3
votes
0answers
693 views
Trouble Creating a jQuery Mobile UI Slider in Dynamic Elements
I'm trying to create a jQuery UI slider widget in a dynamically created list element. As it stands, the list works, items are created and added to the list, the slider shows up and responds to user ...
3
votes
0answers
491 views
How to add shortcut keys to jqgrid pager in top toolbar
Pager is defined as
jQuery.extend(jQuery.jgrid.defaults, {
datatype: "json",
mtype: 'POST',
toppager: true,
viewrecords: false,
recordpos: 'center',
...
3
votes
0answers
217 views
changed? method always returns TRUE with DateTime field even is wasn`t changed (using jQuery UI datetimepicker)
I have encountered strange problem - when using jQuery UI datetimepicker (http://trentrichardson.com/examples/timepicker/) for editing DateTime field it seems like Rails thinks that this field is ...
3
votes
0answers
614 views
Selenium Test to test Jquery Effects ( Slide, fade)
We have a web application and we are using JQuery UI transition effects fade and slide. We would like to automate this using selenium.
Does any one has any suggestion how can I achieve this goal ?
...
2
votes
0answers
20 views
Display a video pub into a popup
I have a problem with my divs, So I have a view cal game.php :
<div id="bonus-pub" class="not-display">
<script type="text/javascript" src="//scriptforVideoPub.php" defer ...
2
votes
0answers
21 views
Sending jquery-ui selectable data using form
I need to send some POST data using jquery-ui selectable in a form.
Checked object will be stored in my database after clicking "Aggiorna" button.
I use the external Checked() function to preleve the ...
2
votes
0answers
17 views
jQuery sortable mouse cursor jumps when enter placeholder
I have a little problem.
Here is my config for sortable (written in coffee):
$('.sortable-column').sortable({
helper: 'clone',
handle: 'i.icon-move',
revert: 500,
containment: 'body',
...
2
votes
0answers
26 views
DataPicker's localization in WebSharper.JQueryUI
It is known that Datepicker of jQuery UI provides support for localizing its content to cater for different languages and date formats:
$( selector ).datepicker( $.datepicker.regional[ "fr" ] );
...
2
votes
0answers
60 views
jQery UI Auto Complete need double tap on iOS
I am using jquery UI auto complete(the default functionality). Facing a problem when in iOS. It needs to tap two times for select an option. I am using with bootstrap. inside modal window. Is there ...
2
votes
0answers
40 views
Jquery UI tabs: can't get the correct tab order
I've been trying to get the order of JqueryUI tabs with the following code in the addTab function of the example given here:jqueryUI tab demo
function addTab() {
var label = tabTitle.val() || "Tab ...
2
votes
0answers
150 views
Position jQuery UI dialog in center of viewable screen?
I am opening a jQuery UI dialog on a click, I need the dialog to position on the center of the viewable portion of the screen/browser.
The default position of jQuery dialog positions the dialog on ...
2
votes
0answers
54 views
Problems with cursor position in canvas, wrapped in jquery tab
I have a canvas, which I set to freedraw mode using fabric.js. I want to show this canvas in a separate tab (jQuery UI Tabs).
My problem is that when I try to draw, my cursor is somewhere to the top ...
2
votes
0answers
31 views
Jquery mobile on touch create rectanglar,draggable,resizable and dropable get position
I have create same issue development but i want require same as smart mobile/iphone/tablet & other gadget.Please check bellow url :
Create board :
http://www.wememba.com/board/create
view board:
...
2
votes
0answers
61 views
How to add a “trashcan” effect to jQuery draggable helper upon an invalid drop?
I have a jQuery draggable function that clones a helper to be dropped. I would like to add a "trashcan" effect for the clone such that the clone animates itself into oblivion upon an invalid drop, ...
2
votes
0answers
36 views
Droppables Not Defined Jquery ui
I am in a situation here, I am trying drag, drop and swap the divs, But an error is occuring,
The li's are to be swapped
Uncaught Type error, Cannot read the property of undefined.
HTML
<ul ...
2
votes
0answers
168 views
Spring 4.0 Jquery Ui autocomplete 406 Not Acceptable Error
Hi all I know this is an common error you will get while returning JSON response from controller using @ResponseBody annotation.
I googled and tried to implete all the solutions given in all the ...
2
votes
0answers
41 views
Multiple datepicker selected dates want to be highlighted
Already this question is there jquery multiple datepicker selected dates not highlighted well
But im not getting the result for ex : if i selected the date 1 to 10 it want to highlight dates between ...
2
votes
0answers
74 views
Jquery blueimp plugin start button disable
Result of what happens, the image remains on processing and the start button is disabled.I tried to implement the Basic plus JQuery upload but the files start button remains disable.
It supposed to ...
2
votes
0answers
81 views
Refining ui.resizable to provide a reset method
I have a use case where I need to reset the size of a textarea to it's initial size. I started from this solution, which resets when set an option, and arrived at this:
$.widget("ui.resizable", ...
2
votes
0answers
133 views
jQuery-ui-draggable-collision not working with jQuery-ui 1.11.2
I'm using the JQuery UI Draggable Collision plugin. When I change the jQuery UI from 1.9.2 (in the plugin examples folder) to the latest 1.11.2, the dragging stops working.
The same symptom can be ...
2
votes
0answers
94 views
Error Message of required Input in jQuery UI accordion
I've got the following Problem:
I arranged multiple input-fields in an accordion (jQuery UI). Some of the input-field are required through the required-attribute.
When I want to submit my form, the ...
2
votes
0answers
232 views
jQuery Accordion, when expanded shows visual artifact in Google Chrome extension's popup window, only on a Mac
I am making a Google Chrome extension. Its popup window has the jQuery accordion control inside. The popup page is laid out using html/css similar to this:
<!DOCTYPE html>
<html>
...
2
votes
0answers
54 views
How to input free text in visualsearch.js?
As you see on the demo at http://documentcloud.github.io/visualsearch/, we cannot input a text without selecting a facet. Is there a way to input free text?
2
votes
0answers
115 views
Struts2 jQuery Plugin Showcase - Nested Accordion
Requirement : To create nested accordion using Struts2 Jquery UI widget of http://struts.jgeppert.com/
Code Snippet:
<sj:accordion id="accordion" heightStyle="content" animate="true">
...
2
votes
0answers
242 views
Autocomplete Directive in AngularJS not working
Hello I have created one autocomplete directive in AngularJS which works perfectly fine with 1.8.22 version of Jquery. But when I upgrade the Jquery UI version to 1.11.1 then it had stopped working.
...
2
votes
0answers
181 views
In JQuery-UI Draggable Droppable revert does not trigger “over” event on droppable
In the following code:
$(".drag").draggable({
snap: ".drop",
snapMode: "inner",
snapTolerance: 50,
revert: "invalid",
start: function(){
start_moves=moves;
},
...
2
votes
0answers
112 views
AngularJS after drag drop controller not working
I have a problem with implementing drag and drop functionality with swapping of elements.
I used jquery-ui to implement drag-drop functionality and there are ng-controllers inside each draggable ...
2
votes
0answers
85 views
GLFX plugin delay in slider when multiple filter applies
I want to use multiple Jquery slider for multiple filters, "Brightness / Contrast", "Denoise ", "Triangle Blur".
GLFX plugin
But applying filter is done with delay (about 1s) when the slide is ...
2
votes
0answers
123 views
jQuery UI Draggable / Sortable 4 column w/ CSS Transitions - Erratic Behavior
I am creating a simple drag and drop layout that incorporates 4 columns with the use of CSS easing effects when positioning. I have tried multiple solutions but nothing solves the problem. Eventually ...
2
votes
0answers
126 views
jquery drag to resize div and reveal content on mobile
I have an onscrolling header effect, that shortens the header on scrolling down, and shows the full header on scrolling up.
now I want to drag open the header by touch on mobile and reveal the ...
2
votes
0answers
66 views
Undesired effect on focusout and mouseover - jQueryUI's tooltip
I'm using jQueryUI's tooltip and I get a strange behavior when mouseover or focusout events happen. If you try a lot of times, you'll see, including that the tooltip stops working.
<input ...
2
votes
0answers
136 views
Angularjs sortable wrong order on view
I've been working around with Angularjs and sortable / draggable. Everything seems to work fine until I change the elements's position within the sortable. The order of the list is right but on the ...
2
votes
0answers
83 views
Autocomplete loader continues spinning if no results found
I am using jQuery UI to do an autocomplete on a input field - it works as expected when I have valid data it can match to, however if it cannot match a search term to something in the database the ...
2
votes
0answers
103 views
Avoiding global variable and Using Jquery ui with requirejs
i am trying to use requirejs jquery and jquery ui.want to avoid global variable $ and jquery
i write a script for loading jquery ui
requirejs.config({
//By default load any module IDs from js/lib
...
2
votes
0answers
134 views
Respect CSS @import when building app with gulp-useref
I use jQuery UI in my project and build it with gulp. I include its styles in the following way:
<!-- build:css styles/vendor/jqueryui.css -->
<link rel="stylesheet" ...
2
votes
0answers
149 views
jquery ui resizeable plugin using mobile gesture pinch
I'm using jQuery-UI resize plugin along with jquery.ui.touch-punch to allow resize to work on android and iOS devices, problem is that it still can't understand gestures like pinch to resize div.
...
android
