I have jQuery Datepicker inside my form.
My problem is after I have clicked inside textfield, datepicker shows too big.
How can I resize datepicker?
Check for solution in this thread
I quote -
add in a stylesheet loaded after the ui-files
div.ui-datepicker{
font-size:10px;
}
Related
I'm trying to add a delete button to a custom div. However when the page is loaded, the jquery mobile button does not take the format of jquery and displays it like a hyperlink.
var currDelButton = $("<a>").attr("href","#").attr("data-role","button").attr("data-icon","delete").attr("data-iconpos","left").text("حذف");
anyone has an idea about this issue?
Best Regards
Ali
If you are adding the button after the page is loaded then you need to refresh the element for example $("#mybutton").button(); should work.
here is a working example with the code you provided: http://jsfiddle.net/ashanova/RQVd8/1/
call the .page for the main wrapper where new buttons are added.
$("#content").page();
I am using Fullcalendar plugin. To be clear, I am not too good in css. The issue that I am facing is that when I drag the event from external-events div then the event that I drag hides while dragging on the cell. I don't know which property of css needs to be change in order to make the draggable event visible while dragging from external-events div. I tried to set 'display:block' for the 'external-event' class but it does not make the event visible while dragging. Any help is greatly appreciable. Thank you in advance.
Remove overflow:hidden from .widget DIV. Write like this:
.widget{
overflow:visible;
}
I have a code in jquery mobile that will add buttons dynamically in a listview. The problem is that when I add a button on listview dynamically the style of the button disappears.
Here's the code: http://jsfiddle.net/eLENj/98/
I've tried to use the .button("refresh") but doesn't work.
How to solve the problem?
Just use trigger("create")
http://jsfiddle.net/eLENj/101/
Read more:
http://jquerymobile.com/test/docs/pages/page-scripting.html
I am using jquery ui tabs
Inside a tab i want to inset an autocomplete combobox
When the combobox is outside the tabs it works perfect, but when inside the tabs it doesnt look good.
Here is a screenshot:
Any ideas how to solve this issue?
solved it. i had a class for span inside the tabs ( #tabs span {......} ) –
I need to format multiple containers (div) in a web page to look like a jquery-ui dialog.
The divs should automatically change if I change the theme.
So far I'm applying a jquery-ui tab to the div, but this don't have the same title bar and I need to add a lot of html for each div
Thanks In Advance
Just use the same css as jQuery UI and apply it to your divs.
Examples:
http://jsfiddle.net/Fyj7L/
http://jsfiddle.net/Fyj7L/1/
http://jsfiddle.net/Fyj7L/2/