我可以使 ASP.NET CalendarExtender 更大吗?

发布于 2024-11-16 03:01:07 字数 327 浏览 3 评论 0原文

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

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

I'm developing a mobile version of my company's website. I don't have an extensive history in ASP.NET programming, but so far most of my work on the project has been HTML manipulation anyway. For the most part, it's been pretty simple to just scale/resize/rearrange all the various text fields and buttons such that they display pretty nicely on a mobile device. One of the text fields, however, has a CalendarExtender attached to it, and the little calendar pop-out is so small it's difficult to even read on a mobile device, to say nothing of trying to actually select a specific date. Is there a simple way I can just make the calendar bigger? It doesn't seem to have any of the typical resizing attributes I've seen (height, width, font-size, etc).

In case it helps, I'm programming on Microsoft Visual Web Developer 2010, in C#.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

随梦而飞# 2024-11-23 03:01:07

日历扩展程序使用以 ajax__calendar 开头的 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;}

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

The calendar extender use the css properties that starts with ajax__calendar and you can find them onn StyleSheet.css that come with the SDK samples. You can change the, and change the view of it. By change that css and include it on your project you can change the way its look.

By adding fonts and font size on the ajax__calendar_container you can make it bigger.
I will type them here for help.

.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;}

In this page open the Calendar Theming to view some more details.

秋风の叶未落 2024-11-23 03:01:07

因此,它几乎更像是一种黑客而不是解决方案,但它工作得非常出色,并且不会给我带来任何问题:

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

So it's almost more of a hack than a solution, but it works splendidly and doesn't cause any problems for me:

It turns out that the previous programmer who worked on this page had set the objects on the page to be rather large, and then zoomed the page out. Since I couldn't scale the calendar up, I scaled everything else down and changed the zoom attributes of my page to start the user zoomed in enough that the calendar is sufficiently large.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文