Ajax Repeater: AJAX TabContainer bold font issue

Just a little background. I have used the AJAX TabContainer in one of my previous project - begining of 2007 and had no issues with it whatsoever. I have started a new project and tried using the TabContainer and I am having yeoman amount of problems. I have a TabContainer with a few tabpanels. The TabPanels have a contentTemplate and no HeaderTemplate(s). Within the first tab I have a set of two tables and on the second tab I have a gridview and two detailView controls. No where in my code I am using a stylesheet or a style tag - so i am not specifying the font size - but ALL the controls within the tab panels are being rendered bold and large fonts. I have tried everything but to no avail and I am hoping someone can point me the right direction. Here's my code snippet. Any help would be mucho appreciated with a lot of gracias.

<asp:ContentContentPlaceHolderID="ContentPlaceHolder2"ID="Content1"runat="server">

<divstyle="background-color:#006400;color:white;font-family:@dotnet.itags.org.Arial Unicode MS"> Referadex Prospect Dashboard</div>

<ajax:TabContainerrunat="server"ID="main"ActiveTabIndex="0">

<ajax:TabPanelID="prospects"runat="server"HeaderText="Prospect Management">

<ajax:TabContainerid="prospectManagement"runat="server"ActiveTabIndex="0">

<ajax:TabPanelrunat="server"HeaderText="Add Prospects"ID="Add">

<table>

<tr>

<tdvalign="top">

<table>

<tr>

<divstyle="background-color:#006400;color:white;font-family:@dotnet.itags.org.Arial Unicode MS;Text-align:center">Prospects</div>

</tr>

<tr>

<tdstyle="font-size:small;">Company Name

</td>

<td>

<asp:TextBoxID="txtCompanyName"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Industry

</td>

<td>

<asp:DropDownListID="ddlIndustry"DataSourceID="industrysource"DataTextField="IndustryName"

runat="server"DataValueField="value"Width="250px"/>

</td>

</tr>

<tr>

<td>Address1

</td>

<td>

<asp:TextBoxID="txtAddr1"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Address2

</td>

<td>

<asp:TextBoxID="txtAddr2"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>City

</td>

<td>

<asp:TextBoxID="txtCity"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>State

</td>

<td>

<asp:DropDownListID="ddlState"runat="server"

DataSourceID="states"DataTextField="Name"

DataValueField="Value"Width="250px"/>

</td>

</tr>

<tr>

<td>Zip

</td>

<td>

<asp:TextBoxID="txtZip"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Country

</td>

<td>

<asp:DropDownListID="ddlCountry"runat="server"

DataSourceID="countries"DataTextField="Name"

DataValueField="Value"Width="250px"/>

</td>

</tr>

<tr>

<td>Phone1

</td>

<td>

<asp:TextBoxID="txtPhone1"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Phone2

</td>

<td>

<asp:TextBoxID="txtPhone2"runat="server"width="250px"/>

</td>

</tr>

<tr>

<td>Fax1

</td>

<td>

<asp:TextBoxID="txtFax1"runat="server"width="250px"/>

</td>

</tr>

<tr>

<td>Fax2

</td>

<td>

<asp:TextBoxID="txtFax2"runat="server"width="250px"/>

</td>

</tr>

<tr>

<td>Website

</td>

<td>

<asp:TextBoxID="txtWebsite"runat="server"Width="250px"/>

</td>

</tr>

</table>

</td>

<tdvalign="top">

<table>

<tr>

</tr>

</table>

<table>

<tr>

<divstyle="background-color:#006400;color:white;font-family:@dotnet.itags.org.Arial Unicode MS;Text-align:center">Contacts</div>

</tr>

<tr>

<td>First Name

</td>

<td>

<asp:TextBoxID="txtFirstName"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Last Name

</td>

<td>

<asp:TextBoxID="txtLastName"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Position

</td>

<td>

<asp:DropDownListID="ddlPosition"DataSourceID="positions"DataTextField="positionName"

DataValueField="value"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Direct Phone

</td>

<td>

<asp:TextBoxID="txtPhone"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Extension

</td>

<td>

<asp:TextBoxID="txtExtension"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Mobile Phone

</td>

<td>

<asp:TextBoxID="txtMobile"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Fax

</td>

<td>

<asp:TextBoxID="txtFax"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Email

</td>

<td>

<asp:TextBoxID="txtEmail"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Years with company

</td>

<td>

<asp:TextBoxID="txtYearswithcompany"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Decision Process

</td>

<td>

<asp:DropDownListID="ddlDecisionProcess"runat="server"DataSourceID="DecisionProcess"

DataTextField="decisionname"DataValueField="value"Width="250px"/>

</td>

</tr>

<tr>

<td>Relationship Type

</td>

<td>

<asp:DropDownListID="ddlRelationshipType"runat="server"

DataSourceID="RelationshipType"DataTextField="relationName"DataValueField="value"

Width="250px"/>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:ButtonID="btnEmptyContact"runat="server"Text="Add Prospect"OnClick="AddCompany"/>

</td>

</tr>

</table>

<asp:LabelID="lblMessage"runat="server"ForeColor="Red"Text="Label"Visible="False"></asp:Label></td>

</tr>

<tr>

</tr>

</table>

<table>

<tr>

<divstyle="background-color:#006400;color:white;font-family:@dotnet.itags.org.Arial Unicode MS;Text-align:center">Notes</div>

</tr>

<tr>

<td>Notes Desription

</td>

<td>

<asp:TextBoxID="txtShortNotes"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Long Notes

</td>

<td>

<asp:TextBoxID="txtLongNotes"runat="server"TextMode="MultiLine"Width="250px"/>

</td>

</tr>

<tr>

<td>Remind me on

</td>

<td>

<asp:TextBoxID="txtCalendar"runat="server"Width="250px"/>

</td>

</tr>

<tr>

<td>Reminder Text

</td>

<td>

<asp:TextBoxID="txtReminder"runat="server"Width="250px"/>

</td>

</tr>

</table>

</ContentTemplate>

</ajax:TabPanel>

<ajax:TabPanelID="View"HeaderText="View Prospects"runat="server">

<table>

<tr>

<tdvalign="top"colspan="2"style="width: 610px">

<asp:GridViewID="gvProspects"runat="server"AllowPaging="True"AutoGenerateColumns="False"

AutoGenerateSelectButton="True"CellPadding="2"ForeColor="#333333"GridLines="None"

DataSourceID="ProspectsDS"BorderWidth="1px"DataKeyNames="companyId">

<FooterStyleBackColor="#507CD1"Font-Bold="True"ForeColor="White"/>

<RowStyleBackColor="#EFF3FB"/>

<PagerStyleBackColor="#2461BF"ForeColor="White"HorizontalAlign="Center"/>

<SelectedRowStyleBackColor="#D1DDF1"Font-Bold="True"ForeColor="#333333"/>

<HeaderStyleBackColor="#507CD1"Font-Bold="True"ForeColor="White"/>

<EditRowStyleBackColor="#2461BF"/>

<AlternatingRowStyleBackColor="White"/>

<asp:BoundFieldHeaderText="Company Name"DataField="companyName"/>

<asp:BoundFieldHeaderText="Industry"DataField="industry"/>

<asp:BoundFieldHeaderText="Phone1"DataField="Phone1"/>

<asp:BoundFieldHeaderText="Phone2"DataField="Phone2"/>

<asp:BoundFieldHeaderText="Fax1"DataField="fax1"/>

<asp:BoundFieldHeaderText="Fax2"DataField="fax2"/>

<asp:BoundFieldHeaderText="Website"DataField="website"/>

</Columns>

</asp:GridView>

</td>

</tr>

<tr>

<td>

<asp:DetailsViewID="dvContacts"runat="server"CellPadding="4"ForeColor="#333333"

GridLines="None"HeaderText="Contacts"AutoGenerateRows="False"AllowPaging="True"

AutoGenerateEditButton="True"AutoGenerateInsertButton="True"DataSourceID="ContactDS"

DataKeyNames="companycontactId">

<FooterStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/>

<CommandRowStyleBackColor="#E2DED6"Font-Bold="True"/>

<RowStyleBackColor="#F7F6F3"ForeColor="#333333"/>

<FieldHeaderStyleBackColor="#E9ECF1"Font-Bold="True"/>

<PagerStyleBackColor="#284775"ForeColor="White"HorizontalAlign="Center"/>

<HeaderStyleBackColor="#5D7B9D"Font-Bold="True"ForeColor="White"/>

<EditRowStyleBackColor="#999999"/>

<AlternatingRowStyleBackColor="White"ForeColor="#284775"/>

<asp:TemplateFieldHeaderText="First Name">

<asp:LiteralID="Literal1"runat="Server"Text='<%# Eval("firstname") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtFirstName"runat="server"Text='<%# Bind("firstName") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtFirstName"runat="Server"Text='<%# Bind("firstName") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Last Name">

<asp:LiteralID="Literal2"runat="Server"Text='<%# Eval("lastName") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtLastName"runat="Server"Text='<%# Bind("lastName") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtLastName"runat="Server"Text='<%# Bind("lastName") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Position">

<asp:LiteralID="Literal3"runat="server"Text='<%# Eval("position") %>'/>

</ItemTemplate>

<asp:DropDownListID="ddlPositions"runat="Server"DataSourceID="Positions"

DataTextField="positionName"DataValueField="value"SelectedValue='<%# Bind("position") %>'/>

</EditItemTemplate>

<asp:DropDownListID="ddlPositions"runat="Server"DataSourceID="Positions"

DataTextField="positionName"DataValueField="value"SelectedValue='<%# Bind("position") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Direct Phone">

<asp:LiteralID="Literal4"runat="Server"Text='<%# Eval("Phone") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtDirectPhone"runat="Server"Text='<%# Bind("Phone") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtDirectPhone"runat="Server"Text='<%# Bind("Phone") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Extension">

<asp:LiteralID="Literal5"runat="server"Text='<%# Eval("extension") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtExtension"runat="Server"Text='<%# Bind("extension") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtExtension"runat="Server"Text='<%# Bind("extension") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Mobile Phone">

<asp:LiteralID="txtMobilePhone"runat="Server"Text='<%# Eval("mobile") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtMobilePhone"runat="server"Text='<%# Bind("mobile") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtMobilePhone"runat="server"Text='<%# Bind("mobile") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Direct Fax">

<asp:LiteralID="Literal5"runat="Server"Text='<%# Eval("Fax") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtDirectFax"runat="Server"Text='<%# Bind("Fax") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtDirectFax"runat="Server"Text='<%# Bind("directFax") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Email">

<asp:LiteralID="Literal6"runat="Server"Text='<%# Eval("email") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtEmail"runat="Server"Text='<%# Bind("email") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtEmail"runat="Server"Text='<%# Bind("email") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Years with Company">

<asp:LiteralID="Literal7"runat="Server"Text='<%# Eval("yearswithcompany") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtYearsWithCompany"runat="Server"Text='<%# Bind("yearswithcompany") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtYearsWithCompany"runat="Server"Text='<%# Bind("yearswithcompany") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Decision Process">

<asp:LiteralID="Literal8"runat="Server"Text='<%# Eval("decisionprocess") %>'/>

</ItemTemplate>

<asp:DropDownListID="ddlDecisionProcess"runat="Server"DataSourceID="DecisionProcess"

DataTextField="decisionname"DataValueField="value"SelectedValue='<%# Bind("decisionprocess") %>'/>

</EditItemTemplate>

<asp:DropDownListID="ddlDecisionProcess"runat="Server"DataSourceID="DecisionProcess"

DataTextField="decisionname"DataValueField="value"SelectedValue='<%# Bind("decisionprocess") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Relationship Type">

<asp:LiteralID="Literal9"runat="Server"Text='<%# Eval("relationshiptype") %>'/>

</ItemTemplate>

<asp:DropDownListID="ddlRelationshipType"runat="Server"

DataSourceID="RelationshipType"DataTextField="relationName"DataValueField="value"

SelectedValue='<%# Bind("relationshiptype") %>'/>

</EditItemTemplate>

<asp:DropDownListID="ddlRelationshipType"runat="Server"

DataSourceID="RelationshipType"DataTextField="relationName"DataValueField="value"

SelectedValue='<%# Bind("relationshiptype") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

</Fields>

</asp:DetailsView>

</td>

<td>

<asp:DetailsViewID="dvContactNotes"HeaderText="Contact Notes"runat="server"

BackColor="White"BorderColor="#E7E7FF"BorderStyle="None"BorderWidth="1px"CellPadding="3"

GridLines="Horizontal"AllowPaging="True"AutoGenerateRows="False"AutoGenerateEditButton="True"

AutoGenerateInsertButton="True"DataSourceID="notesDS">

<FooterStyleBackColor="#B5C7DE"ForeColor="#4A3C8C"/>

<RowStyleBackColor="#E7E7FF"ForeColor="#4A3C8C"/>

<PagerStyleBackColor="#E7E7FF"ForeColor="#4A3C8C"HorizontalAlign="Right"/>

<HeaderStyleBackColor="#4A3C8C"Font-Bold="True"ForeColor="#F7F7F7"/>

<EditRowStyleBackColor="#738A9C"Font-Bold="True"ForeColor="#F7F7F7"/>

<AlternatingRowStyleBackColor="#F7F7F7"/>

<asp:TemplateFieldHeaderText="Notes Description">

<asp:LiteralID="Literal10"runat="Server"Text='<%# Eval("shortNotes") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtNotesDesc"runat="server"Text='<%# Bind("shortNotes") %>'/>

</EditItemTemplate>

<asp:TextBoxID="txtNotesDesc"runat="server"Text='<%# Bind("shortNotes") %>'/>

</InsertItemTemplate>

</asp:TemplateField>

<asp:TemplateFieldHeaderText="Notes">

<asp:LiteralID="Literal11"runat="server"Text='<%# Eval("notes") %>'/>

</ItemTemplate>

<asp:TextBoxID="txtNotes"runat="Server"Text='<%# Bind("longnotes") %>'TextMode="MultiLine"/>

</EditItemTemplate>

<asp:TextBoxID="txtNotes"runat="Server"Text='<%# Bind("longNotes") %>'TextMode="MultiLine"/>

</InsertItemTemplate>

</asp:TemplateField>

</Fields>

<table>

<trvalign="top">

<divstyle="background-color:#006400;color:white;font-family:@dotnet.itags.org.Arial Unicode MS;Text-align:center">Notes</div>

</tr>

<tr>

<td>Notes Desription

</td>

<td>

<asp:TextBoxID="txtENShortNotes"runat="Server"width="250"/>

</td>

</tr>

<tr>

<td>Long Notes

</td>

<td>

<asp:TextBoxID="txtENLongNotes"runat="server"TextMode="MultiLine"width="250"/>

</td>

</tr>

<tr>

<td>Remind me on

</td>

<td>

<asp:TextBoxID="txtENCalendar"runat="Server"width="250"/>

</td>

</tr>

<tr>

<td>Reminder Text

</td>

<td>

<asp:TextBoxID="txtENReminderText"runat="Server"width="250"/>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:ButtonID="btnENAdd"Text="Add Notes"runat="Server"width="250"/>

</td>

</tr>

</table>

</EmptyDataTemplate>

</asp:DetailsView>

</td>

</tr>

</table>

</ContentTemplate>

</ajax:TabPanel>

</ajax:TabContainer>

</ContentTemplate>

</ajax:TabPanel>

<ajax:TabPanelID="opportunities"runat="server"HeaderText="Opportunity Management">

</ajax:TabPanel>

<ajax:TabPanelID="Marketing"runat="server"HeaderText="Marketing">

</ajax:TabPanel>

</ajax:TabContainer>

<%------------- DATA SOURCES --------------%>

<asp:SqlDataSourceID="prospectsDS"ConnectionString='<%$ ConnectionStrings:ReferralRev %>'runat="Server"

SelectCommand="Select * from dbo.company where IsSubscriber = 0">

</asp:SqlDataSource>

<asp:SqlDataSourceID="contactDS"ConnectionString='<%$ ConnectionStrings:ReferralRev %>'runat="server"

SelectCommand="Select * from companyContact where companyId = @dotnet.itags.org.companyId"

InsertCommandType="StoredProcedure"InsertCommand="dbo.InsertCompanyContact"

UpdateCommandType="StoredProcedure"UpdateCommand="dbo.UpdateCompanyContact">

<asp:ControlParameterControlID="ctl00$ContentPlaceHolder2$main$prospects$prospectManagement$View$gvProspects"

PropertyName="SelectedValue"Name="companyId"/>

</SelectParameters>

<asp:ParameterName="companycontactId"/>

<asp:ParameterName="companyId"/>

<asp:ParameterName="firstname"/>

<asp:ParameterName="lastname"/>

<asp:ParameterName="phone"/>

<asp:ParameterName="extension"/>

<asp:ParameterName="mobile"/>

<asp:ParameterName="fax"/>

<asp:ParameterName="email"/>

<asp:ParameterName="yearswithcompany"/>

<asp:ParameterName="position"/>

<asp:ParameterName="decisionprocess"/>

<asp:ParameterName="relationshiptype"/>

<asp:ParameterName="createuser"/>

</InsertParameters>

<asp:ParameterName="companycontactId"/>

<asp:ParameterName="companyId"/>

<asp:ParameterName="firstname"/>

<asp:ParameterName="lastname"/>

<asp:ParameterName="phone"/>

<asp:ParameterName="extension"/>

<asp:ParameterName="mobile"/>

<asp:ParameterName="fax"/>

<asp:ParameterName="email"/>

<asp:ParameterName="yearswithcompany"/>

<asp:ParameterName="position"/>

<asp:ParameterName="decisionprocess"/>

<asp:ParameterName="relationshiptype"/>

<asp:ParameterName="modifyUser"/>

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSourceID="notesDS"ConnectionString='<%$ ConnectionStrings:ReferralRev %>'

SelectCommand="select * from notes where userId = @dotnet.itags.org.userId"runat="server"OnInserting="AddNotes"

OnUpdating="UpdateNotes"InsertCommand="dbo.InsertNotes"InsertCommandType="StoredProcedure"

UpdateCommand="dbo.UpdateNotes"UpdateCommandType="StoredProcedure">

<asp:ControlParameterName="userId"ControlID="ctl00$ContentPlaceHolder2$main$prospects$prospectManagement$View$dvContacts"

PropertyName="SelectedValue"/>

</SelectParameters>

</asp:SqlDataSource>

<%-------------- XML DATA SOURCES ------------%>

<asp:XmlDataSourceID="countries"runat="server"DataFile="~/Resources/Countries.xml"></asp:XmlDataSource>

<asp:XmlDataSourceID="states"runat="server"DataFile="~/Resources/states.xml"></asp:XmlDataSource>

<asp:XmlDataSourceID="Positions"runat="server"DataFile="~/Resources/Positions.xml"></asp:XmlDataSource>

<asp:XmlDataSourceID="DecisionProcess"runat="server"DataFile="~/Resources/DecisionProcess.xml"></asp:XmlDataSource>

<asp:XmlDataSourceID="RelationshipType"runat="server"DataFile="~/Resources/RelationshipType.xml"></asp:XmlDataSource>

<asp:ScriptManagerid="ScriptManager1"runat="server">

</asp:ScriptManager>

<asp:XmlDataSourceID="industrySource"runat="server"DataFile="~/Resources/Industry.xml"></asp:XmlDataSource>

<ajax:CalendarExtenderid="CalendarExtender1"runat="server"TargetControlID="txtCalendar"OnResolveControlID="CalendarExtender1_ResolveControlID">

</ajax:CalendarExtender>

<ajax:CalendarExtenderid="CalendarExtender2"runat="server"TargetControlID="txtENCalendar"OnResolveControlID="CalendarExtender1_ResolveControlID">

</ajax:CalendarExtender>

</asp:Content>

Well, I solved my own problem (it is not a solution but a hack, but so be it). You CANNOT put a AJAX TabContainer control within a the <asp:Content></asp:Content> tag. If you do - do so at your own peril. Since I am developing for Internet Explorer I used an IFrame and used the src property of IFrame to point to an aspx page. Within this page I put the TabContainer control and the font issue has disappeared for now. I will keep my fingers crossed......

Happy AJAXing ;-)

Wednesday, March 21, 2012

AJAX TabContainer bold font issue

No comments:

Post a Comment

Ajax Repeater

Blog Archive

About Me