ASP.AJAX TabContainer/TabPanel Customization

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(); 
    } 

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

Answer 2

Или вы могли бы просто использовать TabStripPlacement свойство TabContainer ...

TabContainer Свойства

• ActiveTabChanged (Event) - сгорело на стороне сервера, когда вкладка изменен после обратной передачи
• OnClientActiveTabChanged - Имя javascript f привязка для привязки к событию tabChanged на стороне клиента
• CssClass - переопределение класса CSS, используемое для определения пользовательского внешнего вида вкладок. Подробнее см. Раздел «Вкладки».
• ActiveTabIndex - Первая вкладка, чтобы показать
• Рост - задает высоту тела вкладок (не включает в себя заголовки TabPanel)
• Ширина - задает ширину тела язычки
• ScrollBars - следует ли отображать полосы прокрутки (None, горизонтальные, вертикальные, Both, Авто) в теле TabContainer
• TabStripPlacemen t - Оставлять ли вкладки сверху контейнера или ниже (верхний, нижний)