Мой Kbyte.Ru
Рассылка Kbyte.Ru
Партнеры Kbyte.Ru
Реклама
Сделано руками
Сделано руками
> Исходные коды - Команда Kbyte.Ru -

ASP .NET - ASP.NET AJAX Control Toolkit

Все примеры / Интерфейс / Web-элементы и компоненты / ASP.NET AJAX Control Toolkit

Управления css-стилями CalendarExtender

Автор: Команда Kbyte.Ru | добавлено: 30.06.2011, 12:48 | просмотров: 3329 (1+) | комментариев: 0 | рейтинг: *x4
В этом примере показано, как управлять css-стилями календаря. В последней версии AJAX Toolkit в CalendarExtender есть баг, когда дни недели могут не помещаться в календарь из-за больших отступов в ячейках дней недели. Это может происходить из-за конфликтов с глобальными стилями, либо из-за ошибок в обработке стилей браузером. В этом примере также показано, как исправить этот баг.

Код

/*это css, нужно размещать в файле css, который используется страницами, где размещен CalendarExtender*/

/*
.ajax__calendar_container - основной контейнер (всплывающий календарь)
.ajax__calendar_header - шапка (там где месяц и год)
.ajax__calendar_title - заголовок шапки
.ajax__calendar_next - месяц вперед
.ajax__calendar_prev - месяц назад
.ajax__calendar_body - блок с днями недели и числами
.ajax__calendar_dayname - имена дней недели (Пн, Вт... Вс)
.ajax__calendar_day - число
.ajax__calendar_hover .ajax__calendar_day - курсор на числе
.ajax__calendar_hover .ajax__calendar_month - курсор на месяце
.ajax__calendar_hover .ajax__calendar_year - курсор на годе (или году, кому как нравится)
.ajax__calendar_active - выбранное число
.ajax__calendar_today - текущее число
.ajax__calendar_other, - прочие числа (из другого месяца)
.ajax__calendar_hover .ajax__calendar_today - мышка над текущим числом
.ajax__calendar_hover .ajax__calendar_title - мышка над заголовком
*/

/*если дни недели не помещаются в календарь, достаточно добавит следующую строчку:*/
.ajax__calendar_days table tr td {padding:0px;margin:0px;border-spacing:0px;border:none;}

/*
Можно сделать тему, для этого нужно разместить css-классы календаря в отдельный родительский класс, например:
.MyTheme .ajax__calendar_days {color:red}

В самом календаре нужно указать имя этого класса в свойстве CssClass. В данном случае - CssClass="MyTheme"
*/
Об авторе

Команда Kbyte.Ru

Нет информации об авторе...
Команда Kbyte.Ru
Последние комментарии (всего: 0)

Добавлять комментарии могут только зарегистрированные пользователи сайта.
Если у Вас уже есть учетная запись на Kbyte.Ru, пройдите процедуру авторизации OpenID.
Если Вы еще не зарегистрированы на Kbyte.Ru - зарегистрируйтесь.


Нет комментариев...

Авторизация
 
OpenID
Зарегистрируйся и получи 10% скидку на добавление своего сайта в каталоги! Подробнее »
Поиск по сайту
Реклама
Счетчики