如何在asp.net中的代码后面的ajax tabpanel面板中更改css类 [英] How to change css class in ajax tabpanel panel at code behind in asp.net

问题描述

嗨朋友们，我正在使用ajax选项卡面板控件在我的一个表单中进行选项卡。

我已将表单数据存储在数据库中并管理每个选项卡表单的状态（IsComplete）。 br />
在页面加载时，我检查了选项卡表单状态（Iscomplete = true / false），如果是，则我必须更改该选项卡的css类。



我已经从代码后面动态地应用了css类但它没有应用。

我的代码是：



tbpnl_general.Attributes.Add（class，ajax__tab_tab complete）; //第一种方式

tbpnl_general.CssClass =ajax__tab_tab complete; // 2方式



但两个代码都不适用于任何课程。





我的ajax标签面板代码是：

< ajax：TabContainer ID =TabContainer1runat =serverCssClass = 花式花式绿色> 
 

 <   ajax：TabPanel     ID   =   tbpnl_general    runat   =  server   可见  =  false >  
 <   HeaderTemplate  >  
发布
 <   / HeaderTemplate  >  
 < span class =code-keyword><   ContentTemplate  >  
 <   asp：Panel     ID   =  pnl_Publish    runat   = 服务器 >  
 <   table     width   =  100％    align   =  center    style   = 保证金：50px 0; >  
 <   tr  >  
 <   td  >  
 <   asp：LinkBut​​ton     ID   =  LiPublished    runat   =  server    OnClick   =  LiPublished_Click >  <   img     alt   =     src   =  images / publish.png    /  >  <   / asp：LinkBut​​ton  >  
 <％  - < asp：ImageButton ID =   LiPublished runat =   server OnClick =   LiPublished_Click ImageUrl =  〜/ images / publish。 png AlternateText =  发布 />  -  ％>  
 <   / td  >  
 <   / tr  < span class =code-keyword>>  
 <   / table  >  
 <   / asp：面板 >  
 <   / ContentTemplate  >  
 <   / ajax：TabPanel  >  

< / ajax：TabContainer> 
 

我的css类位于css文件中...



谢谢

Sunil Sharma

解决方案

Hi friends, i am using ajax tab panel control for tabbing in one of my form.
I have stored the form data in database and manage the status(IsComplete) for each tab form.
At page loading i have checked the tab form status (Iscomplete = true/false) and if it is true then i have to change the css class for that tab.

I have applied css class dynamically from code behind but it is not applying.
My code is :

tbpnl_general.Attributes.Add("class", "ajax__tab_tab complete"); //1st way
tbpnl_general.CssClass = "ajax__tab_tab complete"; //2ed way

but both of code are not applying any class.


My ajax tab panel code is :

<ajax:TabContainer ID="TabContainer1" runat="server" CssClass="fancy fancy-green">

<ajax:TabPanel ID="tbpnl_general" runat="server" Visible="false">
                <HeaderTemplate>
                    Publish
                </HeaderTemplate>
                <ContentTemplate>
                    <asp:Panel ID="pnl_Publish" runat="server">
                        <table width="100%" align="center" style="margin: 50px 0;">
                            <tr>
                                <td>
                                    <asp:LinkButton ID="LiPublished" runat="server" OnClick="LiPublished_Click"><img alt="" src="images/publish.png" /></asp:LinkButton>
                                    <%--<asp:ImageButton ID="LiPublished" runat="server" OnClick="LiPublished_Click" ImageUrl="~/images/publish.png" AlternateText="Publish" />--%>
                                </td>
                            </tr>
                        </table>
                    </asp:Panel>
                </ContentTemplate>
            </ajax:TabPanel>

</ajax:TabContainer>

my css class resides in css file...

Thanks
Sunil Sharma

解决方案

这篇关于如何在asp.net中的代码后面的ajax tabpanel面板中更改css类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！