Hello everybody,
I'm trying to figure out how to use UI Tabs when my structure is
different from the default.
My HTML looks like:
tab 1
tab 2
Content 1
Content 2
The working solution I have is to create a second tab control inside
the content div with display:none,
I'm trying to set up a page wherein each tab runs different
javascript. However, it seems like only the javascript of the base
page gets loaded, and none of the tabs work as they should.
I'm new to using jquery tabs and ruby, so please forgive any basic
mistakes.
Here is how everything is set up
I solved the problem of Datepicker below dialog, as follows:
1. Add this to the stylesheet
#ui-datepicker_div, .ui-datepicker { z-index: 1000; /* must be > than
popup editor (950) */ }
2. Modify the attribute of the dialog zIndex to 1:
$('#myDialog').dialog({
title: 'Da
I'm having problems with using the Datepicker plug in on an internal
website. I'm loading jQuery1.3.2 and jQuery UI 1.7.1 via Google Ajax
Libraries. I click in the input field and the date picker appears, I
can click a date, the date picker closes and immediately dumps the
following error;
date.g
Both correct. Also, be sure to change
class='ui-slider-handle, rawSliderHandle'
to
class='ui-slider-handle rawSliderHandle'
- Richard
On Tue, Apr 28, 2009 at 5:27 PM, Fontzter wrote:
>
> Quick guess: Can you try giving your css selector more weight like
> this:
>
> div.ui-slide
I found some info on the doc site about customizing tabs.
I tried overriding some styles:
.ui-tabs {
background-color: #00FF00;
}
.ui-tabs-nav {
background-color: #FF;
}
.ui-tabs-panel {
background-color: #FF00FF;
}
Only the .ui-tabs rule took affect, and there is
a band of wh
I'm attempting to display the current sort index associated with a
sortable element by updating a div with the index # in the change
event. My current implementation looks like this:
$("#sourcelist").sortable() {
change: function(e, ui) {
el = e.target;
idx = $(el).children().index(e.srcE
I have a datepicker that's inside a modal dialog box, it works fine
everywhere except IE7. Seems like the container for the datepicker
doesn't expand in IE7 for some reason, making it possible to see
through the datepicker (redmond theme, should have a white background
between the numbers) to the
Quick guess: Can you try giving your css selector more weight like
this:
div.ui-slider a.ui-slider-handle
{
background-image: url(/images/UpTriangle.gif);
width: 15px; height: 9px;
top: 0; margin-left: -7px;
You could just paste your css inside a style tag on the html page.
The situation is too complex/unique to troubleshoot without seeing the
code and having it in an environment where we can play with it.
Dave
On Apr 28, 3:32 pm, rwalsh wrote:
> The only issue with this is that i have several css
this should be close to what you want: http://jsbin.com/uyusi/edit
Hth,
Dave
On Apr 28, 11:36 am, vasam wrote:
> Hi All,
>
> I have following question:
>
> - Suppose month, date, year are three text fields.
> - If you clicked on any of this fields then datepicker would popup
> - on a side note
The only issue with this is that i have several css files that control
different portions of this. How do I get that to link it, and as far
as I can see running it through here, there are no errors. Everything
works as intended. But its when using IE7 and in discussion with the
IT group of my comp
I can't get my 1.6 code updated to 1.7 and use an image as the handle
as the old flora theme provided.
I've got a div with both the required class and mine:
and my CSS is trying to set it up as best as I can understand from
reading the docs, including over-writing the position v
What I do is add a class to each tab content div. All that's required
then is to define the padding and margins you want for that class in
your CSS.
It's easier than messing with the jquery tabs css itself and will save
you work when you upgrade to later versions of jquery tabs with new
CSS files
Hi All,
I have following question:
- Suppose month, date, year are three text fields.
- If you clicked on any of this fields then datepicker would popup
- on a side note I have function that splits date for parts and puts
into appropriate fields (month, date, year)
Is it possible to make so tha
Sorry this was missed in the Upgrade Guide. Fixed:
http://docs.jquery.com/UI/Upgrade_Guide#Slider
"ui.handle property (in callback function) was changed to a DOMElement,
instead of a jQuery object.
* Change ui.handle to $(ui.handle)
"
- Richard
On Tue, Apr 28, 2009 at 11:40 AM, Chuck wrote
Hi,
In my slider's slide function I would update the position of a span to
track the handle and update it's text with the slider's value via:
$span.css('left', ui.handle.css('left')).text(Math.round
(ui.value));
This is broke after upgrading to 1.7. The ui.handle still exists, but
it's no
See blog post:
This Week in jQuery UI vol. 7
http://blog.jqueryui.com/2009/04/this-week-in-jquery-ui-vol-7/
- Richard
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send ema
My suggestion would be to use firebug to find the offending padding.
Use the inspect tab to target the tab area and look in the css-area to
see which rules are applied. Also if you hover over elemens in the
html-window of firebug you will get a visual representation of the
elements padding/margin
Hi there
I have been using tabs and they are great.
how ever, how do i get rid of the extra padding on top inside a tab.
Each tab content has an extra padding of about 15px on top; i tried
looking through the css but i could not really figure out where the
padding/margin is added. Any suggestions?
Hi Vijay,
you can use jQuery UI Tabs: http://jqueryui.com/demos/tabs/
...and this demo should help you get started with dynamic tab
creation: http://jquery-ui.googlecode.com/svn/trunk/demos/tabs/manipulation.html
Have fun!
--
Bohdan Ganicky
On Apr 28, 8:32 am, Vijay wrote:
> Hi,
> I am worki
Hi everyone,
If found something strange about the way setDate behaves when passing
a date object in parameter.
I use the fonction like this
var testDate = new Date();
alert(testDate); // Tue Apr 28 2009 10:24:26 GMT+0200
$('#myCalendar').datepicker('setDate', testDate);
alert(testDate); // Tue A
Hi,
I am working on the dynamic tabs creation, like yahoo mail (new
version ) tabs . In which I need to create new tab, whenever I clicks
on link the page should open in new tab (tab having close button). can
you help me with this?
Thanks
Vijay
--~--~-~--~~~---~--~-
23 matches
Mail list logo
