asp. net ajax Удлинитель меню с переполнением & bootstrap - PullRequest
Новая
       16

asp. net ajax Удлинитель меню с переполнением & bootstrap

0 голосов
/ 30 января 2020

Привет У меня есть веб-приложение, и я использую asp. net ajax расширитель при наведении меню, который просматривает данные для сетки. Сетка находится внутри модального bootstrap. При наведении курсора на строку активируется наведение меню, и вы можете увидеть остальные данные, принадлежащие строке.

Из-за того, что мы пытаемся обслуживать разные устройства, мы заметили на одном устройстве, что не позволяет прокручивать вниз, чтобы увидеть остальную часть модальной формы. Чтобы обойти это, мы ищем высоту экрана, затем корректируем тело модала, применяя max-height и overflow к auto. Так что, если данные выходят за пределы максимальной высоты, тогда будет добавлена ​​полоса прокрутки. Это работает отлично, однако это также вызвало непреднамеренную проблему.

Я хотел, чтобы меню при наведении курсора зависало слева от сетки, которая находится вне фактического модального значения, поэтому оно почти плавало сверху, но влево, так что зависание не мешает остальным рядам. Однако, так как добавление переполнения к разделению, переполнение остается внутри div и не перемещается за его пределы. Это проблема, так как вы можете видеть только половину меню при наведении.

может кто-то подскажет, как обойти это. Ниже приведены подробные сведения о * hovermenu 

<asp:HoverMenuExtender ID="hovermenu" runat="server" PopupControlID="panelextra" TargetControlID="panelgrid" PopDelay="20" PopupPosition="Left">

Это css У меня есть для рассматриваемой панели (panelextra) 

.panelextra
{
    width: 31%;
    display: block;
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    min-height: 300px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: absolute;
}

любая помощь будет оценена.

...