ASP.AJAX TabContainer/ Настройка TabPanel

Question

Можно ли установить положение вкладок внизу вкладочного контейнера с помощью AjaxToolkit? У вас есть некоторый контроль над CSS, но я не достаточно разбираюсь в CSS, чтобы понять, возможно ли это?

Спасибо

Answer 1

Вы не можете использовать стандартную версию этого элемента управления, но вы можете легко изменить исходный код для создания своей собственной версии. Оформить заказ AjaxControlToolkit\Tabs\TabContainer.cs (ниже). Вам нужно будет изменить порядок так, чтобы часть RenderHeader() находилась ниже части RenderChildren(). В качестве альтернативы вы можете добавить свойство к элементу управления под названием "RenderHeaderFirst" или что-то подобное для достижения той же функциональности:

    protected override void RenderContents(HtmlTextWriter writer)
    {
        Page.VerifyRenderingInServerForm(this);

        // rendering the tabs (header)
        writer.AddAttribute(HtmlTextWriterAttribute.Id, ClientID + "_header");
        writer.RenderBeginTag(HtmlTextWriterTag.Div);
        {
            RenderHeader(writer);
        }
        writer.RenderEndTag();

        // rendering the contents of the tabs (children)
        if (!Height.IsEmpty)
            writer.AddStyleAttribute(HtmlTextWriterStyle.Height, Height.ToString());

        writer.AddAttribute(HtmlTextWriterAttribute.Id, ClientID + "_body");
        writer.RenderBeginTag(HtmlTextWriterTag.Div);
        {
            RenderChildren(writer);
        }
        writer.RenderEndTag();
    }

PS Я сам не пробовал, но похоже, что это правильное направление.

Answer 2

Или вы можете просто использовать свойство TabStripPlacement объекта TabContainer...

Свойства TabContainer

• ActiveTabChanged (Event) - срабатывает на стороне сервера, когда вкладка изменяется после обратной передачи
• OnClientActiveTabChanged - имя функции javascript для подключения к клиентскому событию tabChanged.
• CssClass - переопределение класса css, используемое для определения пользовательского интерфейса для вкладок. См. Раздел "Вкладки" для более подробной информации.
• ActiveTabIndex - первая вкладка, чтобы показать
• Высота - устанавливает высоту тела вкладок (не включает заголовки TabPanel)
• Ширина - устанавливает ширину тела вкладок
• ScrollBars - отображать ли полосы прокрутки (Нет, Горизонтальная, Вертикальная, Обе, Авто) в теле TabContainer
• TabStripPlace - отображать ли вкладки сверху контейнера или снизу (сверху, снизу)