jQuery Календарные слишком большие дисплеи UI, хотел бы демонстрационный размер?
Вам нужно держать какую-то «сессионную» таблицу, в которой вы храните пользователя и время, когда он посещал страницу.
Если время больше, чем 5 минут, пользователь находится в автономном режиме (и строка может быть удалена). Другие пользователи в таблице сеансов находятся "в сети".
6 ответов
Я понял это. Это был размер шрифта, который все отбросил. Я добавил этот тег, чтобы правильно отображать желаемый размер:
#ui-datepicker-div { font-size: 12px; }
Отлично работает, если кому-то еще нужно что-то подобное
Убедитесь, что на вашей странице нет конфликтов css - например, настройки размера шрифта html / body или контейнера, которые будут переходить в календарь.
Инспектор DOM (например, Firebug, IE Developer Toolbar и т. Д.) Должен помочь вам определить, какие стили CSS влияют на ваш календарь.
Возможно, любая сторона, запрещающая вам прикасаться к CSS, позволит вам свободно править внутри контейнер? Т.е.,
<div id="foo">Your stuff goes here. All your selectors must start with #foo</div>
Если нет, то очевидно, что вы контролируете JS. С его помощью вы сможете писать встроенные стили.
РЕДАКТИРОВАТЬ
Вы также можете посмотреть, сможете ли вы обернуть свой контент в iframe.
Если вы хотите установить размер или семейство шрифта для всех виджетов jQuery, лучше задать что-то вроде этого:
.ui-widget {
font-size: .7em;
}
после вызова загрузки CSS файлов jQuery UI.
Все компоненты jQuery UI являются виджетами и наследуют стиль .ui-widget на верхнем уровне.
Чтобы исправить размер элемента управления календарем, измените это:
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1 em; }
на это:
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.8em; }
Для получения подробных инструкций посетите - http://blog.greatdevelopers.com/?p=33
Какой размер вы хотите, вы можете установить, отредактировав эту строку в css.
.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 1.1em; }
просто укажите другой размер шрифта, например .5em или .8em
.ui-widget { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: .5em; }
Это сработает, я этого не делал.