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

【问题标题】：Can I make my ASP.NET CalendarExtender larger?我可以让我的 ASP.NET CalendarExtender 更大吗？
【发布时间】：2011-06-20 19:35:08
【问题描述】：

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

如果有帮助，我正在使用 C# 编写 Microsoft Visual Web Developer 2010。

【问题讨论】：

标签： c# asp.net html visual-studio-2010 calendarextender

【解决方案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 CalendarTheming 查看更多详情。

【讨论】：

谢谢，我尝试编辑其中的几个属性。其中一些似乎没有做任何事情，但我确实设法使这些日子的文字更大。但是，按钮的实际大小没有改变；只是文字。所以现在所有的数字都相互重叠，我无法辨别出一种将它们展开的方法（我已经尝试了几个 ajax__calendar 子类别中的 padding 和 margin 属性）。

【解决方案2】：

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

原来在这个页面上工作的以前的程序员已经把页面上的对象设置得相当大，然后把页面缩小了。由于我无法放大日历，因此我缩小了其他所有内容并更改了页面的缩放属性，以开始用户放大到足以使日历足够大。

【讨论】：