Question

我正在开发我公司网站的移动版本。我在ASP.NET编程方面没有广泛的历史，但到目前为止，我对项目的大部分工作都是HTML操作。在大多数情况下，缩放/调整/重新排列所有各种文本字段和按钮非常简单，这样它们在移动设备上显示得非常好。然而，其中一个文本字段附加了一个CalendarExtender，并且小日历弹出窗口很小，甚至难以在移动设备上阅读，更不用说尝试实际选择特定日期了。有没有一种简单的方法可以让日历更大？它似乎没有我见过的任何典型的调整大小属性（高度，宽度，字体大小等）。

如果有帮助，我正在使用C＃在Microsoft Visual Web Developer 2010上进行编程。

Answer 1

calendar extender使用以 ajax__calendar 开头的css属性，您可以在SDK samples附带的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;}

在this page open the Calendar主题中查看更多细节。

Answer 2

所以它几乎不是一个黑客而不是一个解决方案，但它的工作非常出色并且对我没有任何问题：

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

我可以让我的ASP.NET CalendarExtender更大吗？

2 个答案: