[ASP.NET] Calendar Extender의 줄바꿈 문제 해결하기

Calendar Extender를 사용할 때 발생하는 문제 하나 있는데요, 다음 그림을 통해 설명 드리도록 하겠습니다.

<asp:TextBox ID="date" runat="server" />
<AC:CalendarExtender ID="ce" runat="server" TargetControlID="date" />
<asp:RadioButton ID="am" runat="server" GroupName="rbtSendAmOrPm" Text="오전" />
<asp:RadioButton ID="pm" runat="server" GroupName="rbtSendAmOrPm" Text="오후" />
<asp:TextBox ID="tbxSendHour" runat="server" /> 시
<asp:TextBox ID="tbxSendMinute" runat="server" /> 분

위 코드를 작성한 다음 실행하면 다음 화면이 나타납니다.

CalendarExtender의 Target Control을 선택하면 다음과 같은 화면으로 Line이 먹히는 것을 볼 수 있습니다.

아래는 Calendar Extender를 닫은 화면입니다.

이와 같은 문제를 해결하기 위해서는 다음과 같은 간단한 StyleSheet Code를 추가하시면 됩니다.

.ajax__calendar { display: inline; }

 

아래는 Style가 적용된 후 화면입니다.

 

감사합니다.