0

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

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

4

2 回答 2

3

日历扩展器使用以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;}

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

于 2011-06-20T20:01:56.380 回答
-2

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

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

于 2011-06-25T18:00:46.753 回答