Всплывающий календарь выглядит неправильно

Я пытаюсь реализовать элемент управления CalendarExtension AjaxControlToolkit (19.1.0) в проекте Webforms. VS 2017.

У меня есть набор инструментов, упомянутый на главной странице, вместе со скрипт-менеджером. На моей странице с контентом есть ссылка на scriptmanagerproxy.

В результате на дисплее отображается текущий месяц в верхней строке, вертикальный столбец с сокращениями дней слева, без номеров дней для месяца и текущая дата внизу. Итак, квадратное поле с месяцем в верхней строке, текущей датой «Сегодня:» внизу и левой стороной с сокращенным названием дня. В противном случае пустое поле.

(Кажется, я не могу правильно отформатировать это в текстовом поле сообщения, чтобы опубликовать, как это выглядит)


| ‹Октябрь, 2019> |

| Вс | | Пн | | Вт | | Мы | | Чт | | Пт | | Sa | | 29 | | Сегодня: 23 октября 2019 г. |

Мы находимся в США, у нас нет культурных настроек. На другой странице (без главной страницы) все выглядит нормально (как обычный календарь).

Есть ли известная проблема с использованием этого на странице содержимого? Есть ли какая-то обстановка, неясная или нет, которую я не замечаю?

Я просмотрел кучу онлайн-статей об управлении, но ничего подобного не упоминал.

Мой код aspx, реализующий его:

…
<tr>
  <td>
    <asp:Label ID="Label6" runat="server" Text="Start Date"></asp:Label>
    <asp:TextBox ID="txtbxStartDate" runat="server" />
    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" TargetControlID="txtbxStartDate" runat="server" />
  </td>
</tr>
…

person BWSherwood    schedule 23.10.2019    source источник


Ответы (1)


Решение. С помощью моего дизайнера мы выяснили, что проблема заключалась в том, что таблица стилей css главной страницы переопределяла классы «td» и другие классы CSS, и поэтому каждому элементу было присвоено значение ширины: 100%.

Добавив следующий код стиля на веб-страницу, мы решили проблему.

.ajax__calendar_container td {
    width: auto;
}
person BWSherwood    schedule 24.10.2019