Могу ли я увеличить свой ASP.NET CalendarExtender?

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

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


visual-studio-2010 html c# asp.net calendarextender
person Andrew    schedule 20.06.2011    source источник

Ответы (2)


arrow_upward
3
arrow_downward

расширитель календаря использует свойства css, начинающиеся с ajax__calendar. и вы можете найти их в StyleSheet.css, которые поставляются с примерами 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;}

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

person Aristos    schedule 20.06.2011
comment
Спасибо, я попытался изменить некоторые из этих свойств. Некоторые из них, кажется, ничего не делают, но мне удалось увеличить текст на несколько дней. Однако фактический размер кнопок не изменился; просто текст. Итак, теперь все числа накладываются друг на друга, и я не смог найти способ их распределить (я попробовал атрибуты padding и margin в нескольких подкатегориях ajax__calendar). - person Andrew; 23.06.2011

arrow_upward
-2
arrow_downward

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

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

person Andrew    schedule 25.06.2011