我可以放大我的ASP.NET CalendarExtender吗

本文关键字:CalendarExtender NET ASP 放大 我的 我可以 | 更新日期: 2023-09-27 17:59:49

我正在开发我公司网站的移动版本。我在ASP.NET编程方面没有丰富的历史,但到目前为止,我在该项目上的大部分工作都是HTML操作。在大多数情况下,只需缩放/调整大小/重新排列所有各种文本字段和按钮,就可以在移动设备上很好地显示。然而,其中一个文本字段附带了CalendarExtender,弹出的小日历太小了,甚至很难在移动设备上阅读,更不用说尝试实际选择特定日期了。有没有一种简单的方法可以让日历变大?它似乎没有我见过的任何典型的调整大小属性(高度、宽度、字体大小等)。

如果有帮助的话,我正在用C#在MicrosoftVisualWebDeveloper2010上编程。

我可以放大我的ASP.NET CalendarExtender吗

日历扩展程序使用以ajax__calendar开头的css属性,您可以在SDK示例附带的StyleSheet.css中找到它们。你可以更改,并更改它的视图。通过更改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;}

在此页面中,打开日历主题以查看更多详细信息。

所以它几乎更像是一个破解而不是解决方案,但它工作得很好,不会给我带来任何问题:

事实证明,以前在这个页面上工作的程序员已经将页面上的对象设置得相当大,然后缩小了页面。由于我无法放大日历,我缩小了其他所有内容,并更改了页面的缩放属性,以启动用户放大到足够大的日历。