Могу ли я увеличить размер ASP.NET CalendarExtender? - PullRequest
Новая
       15

Могу ли я увеличить размер ASP.NET CalendarExtender?

0 голосов
/ 20 июня 2011

Я разрабатываю мобильную версию сайта моей компании.У меня нет обширной истории программирования на ASP.NET, но до сих пор большая часть моей работы над проектом в любом случае была манипулированием HTML.По большей части довольно просто было просто масштабировать / изменять размер / переупорядочивать все различные текстовые поля и кнопки так, чтобы они довольно хорошо отображались на мобильном устройстве.Однако к одному из текстовых полей прикреплен CalendarExtender, а маленький всплывающий календарь настолько мал, что его трудно даже прочитать на мобильном устройстве, не говоря уже о попытках выбрать конкретную дату.Есть ли простой способ сделать календарь больше?Кажется, у него нет типичных атрибутов изменения размера (высота, ширина, размер шрифта и т. Д.).

Если это поможет, я программирую на Microsoft Visual Web Developer 2010в C #.

Ответы [ 2 ]

2 голосов
/ 21 июня 2011

Расширитель календаря использует свойства css, начинающиеся с ajax__calendar , и вы можете найти их в файле StyleSheet.css, который поставляется с samples SDK .Вы можете изменить и изменить его вид.Изменив этот CSS и включив его в свой проект, вы можете изменить его внешний вид.

Добавив шрифты и размер шрифта в ajax__calendar_container , вы можете увеличить его.Я напишу их здесь для справки. 

.MyPopupCalendar .ajax__calendar_container 
{
    border:1px solid #646464;
    background-color:#ffffff;
    color:#000000;
    padding:4px;
    margin:4px;
}

.MyPopupCalendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;padding:3px;margin:3px;}
.MyPopupCalendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;padding:0;margin:0;}

.MyPopupCalendar .ajax__calendar_day {border:1px solid #ffffff;padding:0;margin:0;}
.MyPopupCalendar .ajax__calendar_month {border:1px solid #ffffff;}
.MyPopupCalendar .ajax__calendar_year {border:1px solid #ffffff;}

.MyPopupCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.MyPopupCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.MyPopupCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.MyPopupCalendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

На этой странице откройте календарь Тематика, чтобы просмотреть некоторые подробности.

0 голосов
/ 25 июня 2011

Так что это почти больше взлом, чем решение, но оно работает великолепно и не вызывает у меня никаких проблем:

Оказывается, предыдущий программист, работавший на этой странице, установил объекты на странице достаточно большими, а затем уменьшил масштаб страницы. Поскольку я не мог увеличить календарь, я уменьшил все остальное и изменил атрибуты масштаба моей страницы, чтобы пользователь увеличил масштаб настолько, чтобы календарь был достаточно большим.

...