SlickGrid overlay issue in Jquery UI Tabs - jquery-ui

There seems to be an overlay issue when slickgrid is inside a jquery ui tab. I am not sure how to fix it.
To reproduce the isse, Please try this JSFiddle link
Please scroll the grid in Tab1 and switch to Tab2. When we switch back to Tab 1. The grid is empty. This seems to happen in chrome and IE, not an issue in firefox !
Filed an issue here:
Please let me know if I'm missing something.
Solution: Solved it with the hint from an earlier post. Used the off-left technique to hide inactive tabs.
Thanks for your time.

Solved it with the hint from an earlier post. Used the off-left technique to hide inactive tabs.

Related

Vaadin AceEditor focus issues

I have recently downloaded the AceEditor Add-On for Vaadin (http://vaadin.com/addon/aceeditor) and i have a few issues with it, i hope you can help me out!
The first issue is that the ValueChangeListener of the AceEditor is called in every typing event (just like the TextChangeListener), and NOT just when the area looses focus, like in a regular TextArea.
I need a listener that would be called only when the AceEditor looses focus. i have also tried to add a BlurListener to this component, but it is also not working... any suggestions?...
The second issue is also related - when i press the TAB key inside the AceEditor, it just adds a TAB to the text instead of changing focus.
I've tried adding a shortcutListener with KeyCode.TAB but it didnt work... i also tried adding a shortcutListener to the whole Panel. didnt work either. any suggestions about that?...
Thank you!!
Thank you so mucn #Jens Jansson !
The new merge worked!

jQuery UI buttonset colour doesn't clear out after de-selecting

I'm sure I'm not the only person asking this question. When you have a jQuery UI implementation, and you use the .buttonset(); command to turn a set of checkboxes into a button-set (multi selectable), I'm having trouble when a user de-selects an item after selecting it.
So let's say on hover, it turns into a certain colour (based on the settings of the jQueryUI theme I downloaded), and after clicking, it turns into the active state colour. When I click the same item again, and move the mouse away, it remains the hover colour, causing confusion as to whether the item is deselected or not.
And this only happens on Firefox only - seems to work fine on Chrome & Safari.
Here's a demo link: http://www.tylervolker.com/mls-search
I tried to force a blur() event to these items but no dice it seems.
$('.label').click(function(){
$(this).blur();
});
What am I missing? Or is this just a Firefox thing I need to live with until either jQueryUI updates their code, or Firefox appends this?
This appears to be this known jQuery UI bug - http://bugs.jqueryui.com/ticket/5518. The button widget isn't set to be addressed by the jQuery UI dev team until 1.11 so I wouldn't expect a fix for this anytime soon.
There are some suggested workarounds in the related issues on that ticket.

JQuery SlideToggle problem in IE7 with button that has a bg-image

In using Jquery's SlideToggle, I'm finding a problem with the handling of background images for a button element in IE7.
When the div is toggled, the background image takes a few more milliseconds before disappearing. The overall effect is not very clean. And it works fine in Chrome or Firefox.
Has anyone seen this before or any ideas how to solve this?
You can see an example of it here:
http://www.casa-luciano.com/test/lists.asp
Thanks in advance for anyone's help, and let me know if you need more info!
A bit late - but try adding position:relative to the div parent; works for me.

Smartgwt - Disable formitem showing red cross image on IE

I am using smartgwt 2.2 for creating a form.
My problem is, when i disable FormItem (SpinnerItem) then disabled SpinnerItem is showing red cross image on IE but there is no problem in firefox.
Can anybody give me an idea why this is happening?
Have you tried running it in quirks mode? (removing the doctype declaration in your welcome html file). This solved the problem for me.
Remove the doctype from your main GWT host page

Problem when using UI dialog in Jquery UI tabs

I have a page with 4 tabs which are dynamically loaded. In each of the tab there are links which invoke dialog. The problem is when I refresh one of the tab the UI dialog which was created due to initialization does not get removed and it is recreating again causing the dialog to not function.
Any ideas on how to fix it would be most appreciated. I am kinda stuck and need a solution ASAP.
update: Sorry I forgot to mention that I use ASP .Net MVC 2 and the data for tabs gets refreshed from the controller.
Thanks,
Raja
The only way to fix the problem was to have a ModalDialogContainer at the parent page and load that dialog with whatever the URL those links had. This way even when the tabs refreshed the outer container (parent) was in tact.
Hope this helps someone.
Thanks,
Raja

Resources