На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
  
> AjaxControlToolkit AutoCompleteExtender , Проблема с CSS
    Простой код.

    ExpandedWrap disabled
      <asp:TextBox ID="txtContactsSearch" runat="server" Width="300px"></asp:TextBox>
      <cc1:AutoCompleteExtender ServiceMethod="SearchCustomers"
      MinimumPrefixLength="0" ServicePath="Services/ServiceDD.asmx"
      CompletionInterval="500" EnableCaching="false" CompletionSetCount="2"
      TargetControlID="txtContactsSearch"
      CompletionListCssClass="completionList"
      CompletionListItemCssClass="listItem"
      CompletionListHighlightedItemCssClass="itemHighlighted"
      ID="AutoCompleteExtender1" runat="server" FirstRowSelected = "false">
      </cc1:AutoCompleteExtender>


    Проблема с отображением.

    нашел код CSS на одном из форумов, но все равно не хочет работать

    ExpandedWrap disabled
      .completionList {
      border:solid 1px Gray;
      margin:0px;
      padding:3px;
      height: 120px;
      background-color: #EEEEEE;
      width: 300px;
      }
       
      .listItem {color: #000000;
                 width: 1000px;
                 }
       
      .itemHighlighted {
       background-color: #ADD6FF;
       width: 1000px;}


    проблему видно на скрине: элементы короче подложки, для наглядности текстовое поле было растянуто
    user posted image
      Я не совсем понял - ширина заказана фиксированная в 300 px, что не работает? Меньше 300 рх ширина отображается? :-?

      ExpandedWrap disabled
        width: 300px;


      Вот кто-то мучился с шириной, которая всегда была равна ширине textbox и сделал дополнительную JavaScript функцию.

      http://stackoverflow.com/questions/2547377...e-extender-list
        то что она не 300px, дай бог 150, и переносит слова к примеру на скрине : "Главный инженер-программист" - "программист" перенесено
        остальные поисковые предложения опущены ниже положенного

        Добавлено
        насколько я понял подложка отрисована верно а вот "item"ы короткие

        Добавлено
        Цитата Vladimir @
        Вот кто-то мучился с шириной, которая всегда была равна ширине textbox и сделал дополнительную JavaScript функцию.

        Не шире не надо, надо чтобы поисковые предложения были: 1 предложение -1 строка
          Цитата -=VIRUS=- @
          "Главный инженер-программист" - "программист" перенесено


          Наверное самое длинное поисковое предложение вылезает за фиксированную ширину и из-за этого весь лэй-оут портится. Какая ширина самого длинного поискового предложения в пикселях? :-?

          Добавлено
          P.S. Наверное правильнее спросить "какая длина самого длинного предложения". :D
          0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
          0 пользователей:


          Рейтинг@Mail.ru
          [ Script execution time: 0,0276 ]   [ 17 queries used ]   [ Generated: 24.04.24, 12:59 GMT ]