Vertical Align Middle asp.net controls - html

I have looked at all the examples posted and none seem to work for me.
I have the following on an asp .net page
<div style="background-color:#EFEFEF">
<div style="float: left;height: 24px">
<asp:Image ID="PFDExpandColapseImg" runat="server" /> <asp:Label ID="PFDOrgPayDateStatus" runat="server"></asp:Label>
</div>
<div style="float: right;height: 24px">
<asp:ImageButton ID="PFDAuthorizePending" OnClick="PFDAuthorizePending_Click" runat="server" />
<asp:imagebutton ID="PFDReplicate" OnClick="PFDReplicate_Click" runat="server" />
<asp:ImageButton ID="PFDSubmit" OnClick="PFDSubmit_Click" runat="server" />
<asp:ImageButton ID="PFDApprove" OnClick="PFDApprove_Click" runat="server" />
<asp:ImageButton ID="PFDReject" OnClick="PFDReject_Click" runat="server" />
<asp:ImageButton ID="PFDHistory" OnClick="PFDHistory_Click" runat="server" />
<asp:ImageButton ID="PFDDelete" OnClick="PFDDelete_Click" runat="server" />
<asp:ImageButton ID="PFDEdit" OnClick="PFDEdit_Click" runat="server" />
<asp:ImageButton ID="PFDViewExceptions" OnClick="PFDViewExceptions_Click" runat="server" />
<asp:Button ID="PFDEditEmployee" OnClick="PFDEditEmployee_Click" runat="server" />
</div>
<div style="clear: both"></div>
</div>
I am trying to get the the PFDExpandColapseImg and the PFDOrgPayDateStatus to be vertically aligned middle.
If anyone can help it would be very much appreciated.

Some suggested the following to me and it works
<div style="background-color:#EFEFEF">
<div style="float: left;display:flex;align-items:center;height: 24px">
<asp:Image ID="PFDExpandColapseImg" runat="server" /> <asp:Label ID="PFDOrgPayDateStatus" runat="server"></asp:Label>
</div>
<div style="float: right;height: 24px">
<asp:ImageButton ID="PFDAuthorizePending" OnClick="PFDAuthorizePending_Click" runat="server" />
<asp:imagebutton ID="PFDReplicate" OnClick="PFDReplicate_Click" runat="server" />
<asp:ImageButton ID="PFDSubmit" OnClick="PFDSubmit_Click" runat="server" />
<asp:ImageButton ID="PFDApprove" OnClick="PFDApprove_Click" runat="server" />
<asp:ImageButton ID="PFDReject" OnClick="PFDReject_Click" runat="server" />
<asp:ImageButton ID="PFDHistory" OnClick="PFDHistory_Click" runat="server" />
<asp:ImageButton ID="PFDDelete" OnClick="PFDDelete_Click" runat="server" />
<asp:ImageButton ID="PFDEdit" OnClick="PFDEdit_Click" runat="server" />
<asp:ImageButton ID="PFDViewExceptions" OnClick="PFDViewExceptions_Click" runat="server" />
<asp:Button ID="PFDEditEmployee" OnClick="PFDEditEmployee_Click" runat="server" />
</div>
<div style="clear: both"></div>
</div>

Related

How to add an onClick event to an HTML radio button in asp.net

I have multiple tabs on my page and currently I am binding all dropdownlists on every tab at page load.
I want to bind the dropdownlists only when the tab is selected. I also want to clear the gridviews when the tab is changed.
This is my HTML code
<li>
<input type="radio" id="tab1d" name="tabs1" runat="server"/>
<label for="tab1d">Search</label>
<div id="tab-content1d" class="tab-content animated fadeIn" style="background-color:white; padding:10px; ">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label4" runat="server" Text="Select Platform"></asp:Label>
<asp:DropDownList ID="DropDownList3" runat="server" AutoPostBack="true" OnSelectedIndexChanged="DropDownList3_SelectedIndexChanged" CssClass="inputs" Width="150px"></asp:DropDownList>
<asp:Label ID="Label10" runat="server" Text="Select Family Name"></asp:Label>
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="true" CssClass="inputs" Width="150px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"></asp:DropDownList>
<asp:Label ID="Label11" runat="server" Text="Select price Level"></asp:Label>
<asp:DropDownList ID="DropDownList2" runat="server" AutoPostBack="true" CssClass="inputs" Width="150px" ></asp:DropDownList>
<asp:Button ID="Button7" runat="server" Text="Search" CssClass="buttons" OnClick="Button7_Click"/><br /><br />
<div id="gdvLeft">
<asp:GridView ID="gdvFamilyname" runat="server" EnableViewState="True" class="grid" RowStyle-CssClass="rows"></asp:GridView>
</div>
<div id="gdvRight">
<asp:GridView ID="gdvQuantity" runat="server" EnableViewState="True" class="grid" RowStyle-CssClass="rows"></asp:GridView>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</li>
Hi Himani, Try like this -
<input type="radio" value="Click Me" onclick="rdioClick();" />
In Javascript -
function rdioClick() {
var GridView1 = document.getElementById('GridView1');
GridView1.innerHTML = "";
}
Thanks :)

Position: Fixed makes div go out of page

The problem is that my ASP controls go out of bounds on the right side of the screen when using the .Fixed class from my CSS.
I tried the 'right: 0; thing but no luck...
See this image.
CSS:
#parent {
display: inline-flex;
}
#narrow {
width: 1000px;
margin-right: 20px;
}
#wide {
width: 100%;
}
.FullWidth {
width:100%;
}
.Fixed {
position: fixed;
}
Short HTML (in asp.net)
<div id="parent">
<div id="narrow">
Contains left gridview
</div>
<div id="parent">
<div id="narrow">
Gridview
</div>
<div id="wide" class="Fixed">
<div>
FormView
</div>
<div>
Contains label and textbox
</div>
</div>
<br />
<div>
Contains right gridview
</div>
<hr />
<div>
Contain textbox and button
</div>
</div>
</div>
Complete HTML
<%# Page Title="" Language="C#" MasterPageFile="~/MasterPages/Security.Master" EnableEventValidation="false" AutoEventWireup="true" CodeBehind="Reports_Read.aspx.cs" Inherits="SecurityV3_Web.ContentPages.Reports.Reports_Read" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id="parent">
<div id="narrow">
<asp:GridView ID="grdReports" runat="server" DataKeyNames="ReportID" AutoGenerateColumns="false" OnRowDataBound="grdReports_RowDataBound" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
<Columns>
<asp:BoundField HeaderText="ID" DataField="ReportID" ItemStyle-Width="40px" />
<asp:BoundField HeaderText="Time" DataField="Time" ItemStyle-Width="40px" />
<asp:BoundField HeaderText="Agent" DataField="Name" />
<asp:BoundField HeaderText="Location" DataField="Location" />
<asp:BoundField HeaderText="Header" DataField="Heading" />
</Columns>
</asp:GridView>
</div>
<div id="wide" class="Fixed">
<div>
<asp:FormView ID="FormView1" runat="server" CssClass="FullWidth">
<EmptyDataTemplate>
<p>No data to show. Select a report.</p>
</EmptyDataTemplate>
<ItemTemplate>
<div>
<asp:Label ID="Label1" runat="server" Text="Heading"></asp:Label>
<asp:TextBox ID="txtHeading" runat="server" Text='<%# Eval("Heading") %>'></asp:TextBox>
</div>
<div>
<asp:Label ID="Label2" runat="server" Text="Report"></asp:Label><br />
<asp:TextBox ID="txtReport" runat="server" Text='<%# Eval("Report1") %>' Height="200px" CssClass="FullWidth" TextMode="MultiLine"></asp:TextBox>
</div>
</ItemTemplate>
</asp:FormView>
</div>
<br />
<div>
<asp:GridView ID="grdReplies" runat="server" DataKeyNames="ReportReplyID" AutoGenerateColumns="false">
<Columns>
<asp:BoundField HeaderText="ID" DataField="ReportReplyID" ItemStyle-Width="40px" />
<asp:BoundField HeaderText="Time" DataField="Time" ItemStyle-Width="40px" />
<asp:BoundField HeaderText="Agent" DataField="Name" ItemStyle-Width="100px" />
<asp:BoundField HeaderText="Reply" DataField="Reply1" />
</Columns>
</asp:GridView>
</div>
<hr />
<div>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="This field is required" CssClass="Foutmelding" ControlToValidate="txtReply"></asp:RequiredFieldValidator>
<asp:TextBox ID="txtReply" runat="server" TextMode="MultiLine"></asp:TextBox>
<br />
<asp:Button ID="btnSaveReply" runat="server" Text="Reply" OnClick="btnSaveReply_Click" />
</div>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>
Fiddle
right: 0 is just aligning the fixed element to the right, however it is still full width from the wide ID which makes it take up the whole page. Is { width: auto; right: 0; } an option? That sounds like it would do what you want it to

template field width is not increasing in grid view in asp.net

i have used one template field for add edit, update, delete and cancel image icons. but edit and delete template field width is small and these two images are displaying on by one vertically due to less width . how to increase width of template field so that it can display two images in one line horizontally
<asp:TemplateField>
<ItemStyle Width="80px" />
<HeaderStyle Width="80px" />
<FooterStyle Width="80px" />
<ItemTemplate>
<asp:ImageButton ID="btnEdit" runat="server" CommandName="Edit" ImageUrl="img/edit.png" ToolTip="Edit" />
<asp:ImageButton ID="btnDelete" runat="server" CommandName="Delete" ImageUrl="img/delete.PNG" ToolTip="Delete" />
</ItemTemplate>
<EditItemTemplate>
<asp:ImageButton ID="btnUpdate" runat="server" CommandName="Update" ImageUrl="img/icon-update.png" ToolTip="Update" Height="18px" Width="18px" />
<asp:ImageButton ID="btnCancel" runat="server" CommandName="Cancel" ImageUrl="img/icon-Cancel.png" ToolTip="Cancel" CausesValidation="false" Height="16px" Width="16px" />
</EditItemTemplate>
</asp:TemplateField>
You may need to wrap your buttons in a div, with a CSS style to set the width.
Define a selector in your stylesheet as follows:
.buttonColumnWidth
{
width: 80px; /* change this value as required */
}
Then, make these changes to your Gridview:
<asp:TemplateField>
<ItemStyle Width="80px" />
<HeaderStyle Width="80px" />
<FooterStyle Width="80px" />
<ItemTemplate>
<div class="buttonColumnWidth">
<asp:ImageButton ID="btnEdit" runat="server" CommandName="Edit" ImageUrl="img/edit.png" ToolTip="Edit" />
<asp:ImageButton ID="btnDelete" runat="server" CommandName="Delete" ImageUrl="img/delete.PNG" ToolTip="Delete" />
</div>
</ItemTemplate>
<EditItemTemplate>
<div class="buttonColumnWidth">
<asp:ImageButton ID="btnUpdate" runat="server" CommandName="Update" ImageUrl="img/icon-update.png" ToolTip="Update" Height="18px" Width="18px" />
<asp:ImageButton ID="btnCancel" runat="server" CommandName="Cancel" ImageUrl="img/icon-Cancel.png" ToolTip="Cancel" CausesValidation="false" Height="16px" Width="16px" />
</div>
</EditItemTemplate>
</asp:TemplateField>

ScriptManager.RegisterClientScriptBlock works properly only while debugging

Using RegisterClientScriptBlock I have no problem whith displaying the warning alert but after I close the pop up the binding becomes a real mess. The weird thing is that when I try to debug it and go with F10 the binding is ok.
This this a code behind method:
protected void lvContratFonds_OnItemDeleting(object source, ListViewDeleteEventArgs e)
{
try
{
ListView lv = (ListView)source;
int contratId = int.Parse(((HiddenField)lv.Parent.FindControl("hdnContratId")).Value);
int anneeFiscaleId = int.Parse(((HiddenField)lv.Items[e.ItemIndex].FindControl("hdnAnneeFiscaleId")).Value);
int contratFondId = int.Parse(((HiddenField)lv.Items[e.ItemIndex].FindControl("hdnContratFondId")).Value);
ImageButton lnkSupprimerContratFonds = (ImageButton)lv.Items[e.ItemIndex].FindControl("lnkSupprimerContratFonds");
string errMsg = String.Empty;
errMsg = ContratFondBLL.DeleteSingleContratFond(contratFondId, ((PageProjet)Page).ProjetId);
if (errMsg.Length == 0)
{
ContratsFondsTransBLL.DeleteAllContratFondTransByContratId(contratFondId, ((PageProjet)Page).ProjetId);
}
else
{
ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "ClientScript", "alert('" + Resources.GPWebResource.errContratFondDelete.ToString() + "')", true);
}
bindContrats();
}
catch(Exception ex)
{
throw (ex);
}
}
<LayoutTemplate>
<div class="wideContainer">
<asp:Literal ID="ltlOrphanWarning" runat="server" Text="OrphanWarning"></asp:Literal>
<asp:PlaceHolder runat="server" ID="itemPlaceHolder" />
<div class="contentDiv">
<asp:LinkButton CssClass="showbtn" ID="btnAjoutContrat" runat="server" Text="AjouterContratAddContract" OnClick="btnAjouterContrat_Click" Visible="false" />
</div>
</div>
</LayoutTemplate>
<ItemTemplate>
<div class="wideContainer">
<div class="contentDiv">
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
<div class="titleCellContrats smallCell"><asp:literal ID="ltlContratNum" runat="server" Text="ContratNum"/></div>
<div class="titleCellContrats largeCell"><asp:literal ID="ltlType" runat="server" Text="Type"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlDateDND8" runat="server" Text="DateDND8"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlDtOctroi" runat="server" Text="ApprovalDateOctroi"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlFundsTot" runat="server" Text="ValContratTotal"/></div>
<div class="modCellTitle"> </div>
</div>
<div class="contentDiv">
<div class="contentCellContrats smallCell"><asp:Literal ID="numeroContrat" runat="server"/></div>
<div class="contentCellContrats largeCell boldText"><asp:Literal ID="typeContrat" runat="server" /></div>
<div class="contentCellContrats mediumCell"><asp:Literal ID="dateDND8" runat="server" /></div>
<div class="contentCellContrats mediumCell">
<asp:Literal ID="dateOctroi" runat="server"/>
<asp:CheckBox ID="chkbxOctroi" runat="server" AutoPostBack="false" Enabled="false" />
</div>
<div class="contentCellContrats mediumCell"><asp:Literal ID="ltlTotal" runat="server"/></div>
<div class="modCellContrats">
<asp:ImageButton ID="btnModifierContrat" runat="server" Tooltip="ModifierModify" ImageUrl="~/WebUI/images/icones/edit_16x16.gif" CommandName="Edit" Visible="false" />
<asp:ImageButton ID="btnDeleteContrat" runat="server" Tooltip="Supprimer" ImageUrl="~/WebUI/images/icones/delete_16x16.gif" CommandName="Delete" OnClientClick="SuppContratDeleteContract" Visible="false"/>
</div>
</div>
<div class="contentDiv">
<asp:Literal ID="ltlCommentaires" runat="server"/>
</div>
<div class="contentDiv">
<div class="titleCellContrats Fonds">
<div class="alLeft"><asp:literal ID="ltlfunds" runat="server" Text="ValContrat"/></div>
<div class="alRight smText"><asp:LinkButton ID="lnkAjouterContratFond" runat="server" Text="AjoutEF" OnClick="lnkAjouterContratFond_Click" Visible="false"/></div>
</div>
<asp:ListView
ID="lvContratFonds" runat="server"
InsertItemPosition="None"
OnItemDataBound="lvContratFonds_OnItemDataBound"
ItemPlaceholderID="afficherFonds"
OnItemEditing="lvContratFonds_OnItemEditing"
OnItemUpdating="lvContratFonds_OnItemUpdating"
OnItemCanceling="lvContratFonds_OnItemCanceling"
OnItemDeleting="lvContratFonds_OnItemDeleting"
OnItemInserting="lvContratFonds_OnItemInserting"
OnItemCreated="lvContratFonds_OnItemCreated" >
<LayoutTemplate>
<asp:PlaceHolder runat="server" ID="afficherFonds" />
</LayoutTemplate>
<ItemTemplate>
<div class="contentDiv">
<div class="contFondsRows">
<div class="contentCellContrats ContFonds"><asp:Literal ID="lblAnneeFiscaleEF" runat="server" /></div>
<div class="contentCellContrats ContFonds"><asp:Literal ID="lblFondsContrat" runat="server" /></div>
<div class="contentCellContrats ContFonds">
<strong><asp:Literal ID="ltlDeltaTitle" runat="server" Text="Delta" />:</strong>
<asp:Literal ID="ltlContratFondDelta" runat="server" />
</div>
<div class="modCellCntrFonds">
<asp:ImageButton class="smText" ID="btnModifierContratFonds" runat="server" Tooltip="ModifierModify" ImageUrl="~/WebUI/images/icones/edit_16x16.gif" Height="10" Width="10" CommandName="Edit" Visible="false" />
<asp:ImageButton
class="smText"
ID="lnkSupprimerContratFonds"
runat="server"
Tooltip="Supprimer"
ImageUrl="~/WebUI/images/icones/delete_16x16.gif"
Height="10"
Width="10"
CommandName="Delete"
OnClientClick="SuppFondsDeleteFunds"
Visible="false"/>
<asp:HiddenField ID="hdnContratFondId" runat="server" Value='("ContratFondId") ' />
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
<asp:HiddenField ID="hdnAnneeFiscaleId" runat="server" Value='("AnneeFiscaleId") ' />
<asp:HiddenField ID="hdnEF" runat="server" Value='("efID") ' />
</div>
</div>
</div>
</ItemTemplate>
<EditItemTemplate>
<div class="contentDiv">
<asp:HiddenField ID="hdnEditTemplate" runat="server" Value='True' />
<div class="contFondsRows">
<div class="contentCellContrats ContFonds"><asp:DropDownList ID="ddlEF_AF_Prog" runat="server" DataTextField="DisplayField" DataValueField="EF_ID" OnSelectedIndexChanged="ddlEF_Changed" AutoPostBack="true" AppendDataBoundItems="false"></asp:DropDownList></div>
<div class="contentCellContrats ContFonds"><asp:TextBox ID="txtFondsContrat" runat="server"></asp:TextBox> $</div>
<div class="contentCellContrats ContFonds">
<strong><asp:Literal ID="ltlDeltaTitle" runat="server" Text="Delta" />:</strong>
<asp:Literal ID="ltlContratFondDelta" runat="server" />
</div>
<div class="modCellCntrFonds">
<asp:ImageButton
class="smText"
ID="btnEnregistrerContratFonds"
runat="server"
Tooltip="EnregistrerRegister"
ImageUrl="~/WebUI/images/icones/save_16x16.gif"
Height="12"
Width="12"
CommandName="Update" />
<asp:ImageButton class="smText" ID="btnAnnulerContratFonds" runat="server" Tooltip="Cancel" ImageUrl="~/WebUI/images/icones/undo1_16x16.gif" Height="12" Width="12" CommandName="Cancel" CausesValidation="false"/>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="FondMontantObligAmntReqd" Display="Dynamic" ControlToValidate="txtFondsContrat" />
<asp:CompareValidator id="CheckFormat1" runat="server" ControlToValidate="txtFondsContrat" Operator="DataTypeCheck" Type="Currency" Display="Dynamic" ErrorMessage="InvalidCurrency" />
<asp:HiddenField ID="hdnContratFondId" runat="server" Value='("ContratFondId") ' />
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
<asp:HiddenField ID="hdnAnneeFiscaleId" runat="server" Value='("AnneeFiscaleId") ' />
<asp:HiddenField ID="hdnEF" runat="server" Value='("efID") ' />
</div>
</div>
</div>
<div id="transPanel" class="contentDiv" runat="server">
<asp:UpdatePanel ID="updPnlTransactions" runat="server">
<ContentTemplate>
<uc2:FMASTransControl ID="uc2FMASTransControl" runat="server" ContratMode="true" />
</ContentTemplate>
</asp:UpdatePanel>
</div>
</EditItemTemplate>
<InsertItemTemplate>
<div class="contentDiv">
<div class="contFondsRows">
<div class="contentCellContrats ContFonds"><asp:DropDownList ID="ddlEF_AF_Prog" runat="server" DataTextField="DisplayField" DataValueField="EF_ID" AutoPostBack="true" AppendDataBoundItems="false"></asp:DropDownList></div>
<div class="contentCellContrats ContFonds"><asp:TextBox ID="txtFondsContrat" runat="server"></asp:TextBox> $</div>
<div class="contentCellContrats ContFonds">
<strong><asp:Literal ID="ltlDeltaTitle" runat="server" Text="Delta" />:</strong>
<asp:Literal ID="ltlContratFondDelta" runat="server" Text="AD_InfoNA" />
</div>
<div class="modCellCntrFonds">
<asp:ImageButton ID="btnAjouterCF" runat="server" ClientIDMode="Static" Tooltip="EnregistrerRegister" ImageUrl="~/WebUI/images/icones/save_16x16.gif" Height="12" Width="12" CommandName="Insert" ValidationGroup="insertFondGroup"/>
<asp:ImageButton ID="btnAnnulerCF" runat="server" Tooltip="Cancel" ImageUrl="~/WebUI/images/icones/undo1_16x16.gif" Height="12" Width="12" OnClick="btnAnnulerCF_Click" CausesValidation="false" />
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="FondMontantObligAmntReqd" Display="Dynamic" ControlToValidate="txtFondsContrat" ValidationGroup="insertFondGroup" />
<asp:CompareValidator id="CheckFormat1" runat="server" ControlToValidate="txtFondsContrat" Operator="DataTypeCheck" Type="Currency" Display="Dynamic" ErrorMessage="InvalidCurrency" />
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
</div>
</div>
</div>
</InsertItemTemplate>
</asp:ListView>
</div>
<div class="contentDiv"> </div>
</div>
</ItemTemplate>
<EditItemTemplate>
<div class="wideContainer">
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
<asp:HiddenField ID="hdnEditTemplate" runat="server" Value='True' />
<div class="contentDiv">
<div class="titleCellContrats smallCell"><asp:literal ID="ltlContratNum" runat="server" Text="ContratNum"/></div>
<div class="titleCellContrats largeCell"><asp:literal ID="ltlType" runat="server" Text="Type"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlDateDND8" runat="server" Text="DateDND8"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlDtOctroi" runat="server" Text="ApprovalDateOctroi"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlFundsTot" runat="server" Text="Delta"/></div>
<div class="modCellTitle"> </div>
</div>
<div class="contentDiv">
<div class="contentCellContrats smallCell"><asp:TextBox ID="txtContrat" runat="server" MaxLength="8"></asp:TextBox></div>
<div class="contentCellContrats largeCell">
<asp:DropDownList ID="ddlTypeContrat" runat="server" DataTextField="NomChampFieldNm" DataValueField="TypeContratId"></asp:DropDownList>
</div>
<div class="contentCellContrats mediumCell"><uc1:DateControl ID="dateDND8" runat="server" /></div>
<div class="contentCellContrats mediumCell">
<uc1:DateControl ID="dateOctroi" runat="server"/>
<asp:CompareValidator ID="cmpOctroiAfterDND8" runat="server" ControlToCompare="dateDND8$txtDate" ControlToValidate="dateOctroi$txtDate"
ErrorMessage="ErrDateOctroi " Type="Date" Operator="GreaterThanEqual" ToolTip="ErrEndDate ">*</asp:CompareValidator>
<asp:CheckBox ID="chkbxOctroi" runat="server" AutoPostBack="false" onclick="GetTodayDateForOctroi();" />
</div>
<div class="contentCellContrats mediumCell"><asp:Literal ID="ltlTotal" runat="server" Text="" /></div>
<div class="modCellContrats">
<asp:ImageButton ID="btnEnregistrerContrat" runat="server" Tooltip="EnregistrerRegister" ImageUrl="~/WebUI/images/icones/save_16x16.gif" CommandArgument='("ContratId") ' CommandName="Update" />
<asp:ImageButton ID="btnAnnulerContrat" runat="server" Tooltip="Cancel" ImageUrl="~/WebUI/images/icones/undo1_16x16.gif" CommandArgument='("ContratId") ' CommandName="Cancel" />
</div>
</div>
<div class="contentDiv paleBackground <%# Container.DisplayIndex % 2 == 0 ? "" : "altRow" bordered">
<asp:TextBox ID="txtCommentairesContrats" runat="server" Width="100%" MaxLength="250"></asp:TextBox>
<ajx:TextBoxWatermarkExtender ID="tbweCommentairesContrats" runat="server" TargetControlID="txtCommentairesContrats" WatermarkText=" tbweCommentContats" WatermarkCssClass="watermarked" />
</div>
<div class="contentDiv">
<div class="titleCellContrats Fonds">
<div class="alLeft"><asp:literal ID="ltlfunds" runat="server" Text="ValContrat"/></div>
<div class="alRight"><asp:LinkButton class="smText" ID="lnkAjouterContratFond" runat="server" Text="<%$Resources:GPWebResource,AjoutEF" OnClick="lnkAjouterContratFond_Click" Visible="false"/></div>
</div>
<asp:ListView
ID="lvContratFonds"
runat="server"
InsertItemPosition="None"
OnItemDataBound="lvContratFonds_OnItemDataBound"
ItemPlaceholderID="afficherFonds2"
OnItemEditing="lvContratFonds_OnItemEditing"
OnItemUpdating="lvContratFonds_OnItemUpdating"
OnItemCanceling="lvContratFonds_OnItemCanceling"
OnItemDeleting="lvContratFonds_OnItemDeleting"
OnItemInserting="lvContratFonds_OnItemInserting"
OnItemCreated="lvContratFonds_OnItemCreated" >
<LayoutTemplate>
<asp:PlaceHolder runat="server" ID="afficherFonds2" />
</LayoutTemplate>
<ItemTemplate>
<div class="contentDiv">
<div class="contFondsRows">
<div class="contentCellContrats ContFonds"><asp:Literal ID="lblAnneeFiscaleEF" runat="server" /></div>
<div class="contentCellContrats ContFonds"><asp:Literal ID="lblFondsContrat" runat="server" /></div>
<div class="contentCellContrats ContFonds">
<strong><asp:Literal ID="ltlDeltaTitle" runat="server" Text="Delta" />:</strong>
<asp:Literal ID="ltlContratFondDelta" runat="server" />
</div>
<div class="modCellCntrFonds">
<asp:ImageButton class="smText" ID="btnModifierContratFonds" runat="server" Tooltip="ModifierModify" ImageUrl="~/WebUI/images/icones/edit_16x16.gif" Height="10" Width="10" CommandName="Edit" Visible="false" />
<asp:ImageButton class="smText" ID="lnkSupprimerContratFonds" runat="server" Tooltip="Supprimer"
ImageUrl="~/WebUI/images/icones/delete_16x16.gif" Height="10" Width="10" CommandName="Delete"
OnClientClick="SuppFondsDeleteFunds" Visible="false"/>
<asp:HiddenField ID="hdnContratFondId" runat="server" Value='("ContratFondId") ' />
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
<asp:HiddenField ID="hdnAnneeFiscaleId" runat="server" Value='("AnneeFiscaleId") ' />
<asp:HiddenField ID="hdnEF" runat="server" Value='("efID") ' />
</div>
</div>
</div>
</ItemTemplate>
</asp:ListView>
</div>
<div class="contentDiv"> </div>
</div>
</EditItemTemplate>
<InsertItemTemplate>
<div class="wideContainer">
<asp:HiddenField ID="hdnContratId" runat="server" Value='("ContratId") ' />
<asp:HiddenField ID="hdnEditTemplate" runat="server" Value='True' />
<div class="contentDiv">
<div class="titleCellContrats smallCell"><asp:literal ID="ltlContratNum" runat="server" Text="ContratNum"/></div>
<div class="titleCellContrats largeCell"><asp:literal ID="ltlType" runat="server" Text="Type"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlDateDND8" runat="server" Text="DateDND8"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlDtOctroi" runat="server" Text="ApprovalDateOctroi"/></div>
<div class="titleCellContrats mediumCell"><asp:literal ID="ltlFundsTot" runat="server" Text="Delta"/></div>
<div class="modCellTitle"> </div>
</div>
<div class="contentDiv <%# Container.DisplayIndex % 2 == 0 ? "" : "altRow" ">
<div class="contentCellContrats smallCell"><asp:TextBox ID="txtContrat" runat="server" MaxLength="8"></asp:TextBox></div>
<div class="contentCellContrats largeCell">
<asp:DropDownList ID="ddlTypeContrat" runat="server" DataTextField="NomChampFieldNm" DataValueField="TypeContratId"></asp:DropDownList>
</div>
<div class="contentCellContrats mediumCell"><uc1:DateControl ID="dateDND8" runat="server" /></div>
<div class="contentCellContrats mediumCell">
<uc1:DateControl ID="dateOctroi" runat="server" />
<asp:CompareValidator ID="cmpOctroiAfterDND8" runat="server" ControlToCompare="dateDND8$txtDate" ControlToValidate="dateOctroi$txtDate"
ErrorMessage="ErrDateOctroi " Type="Date" Operator="GreaterThanEqual" ToolTip="ErrEndDate ">*</asp:CompareValidator>
</div>
<div class="contentCellContrats mediumCell"><asp:Literal ID="ltlTotal" runat="server" Text="" /></div>
<div class="modCellContrats">
<asp:ImageButton ID="btnAjouterContrat" runat="server" Tooltip="Add " ImageUrl="~/WebUI/images/icones/add_16x16.gif" CommandName="Insert" />
<asp:ImageButton ID="btnAnnulerContrat" runat="server" Tooltip="Cancel" ImageUrl="~/WebUI/images/icones/undo1_16x16.gif" CausesValidation="false" OnClick="btnAnnulerAjouterContrat_Click"/>
</div>
</div>
<div class="contentDiv bordered">
<asp:TextBox ID="txtCommentairesContrats" runat="server" Width="100%" MaxLength="250"></asp:TextBox>
<ajx:TextBoxWatermarkExtender ID="tbweCommentairesContrats" runat="server" TargetControlID="txtCommentairesContrats" WatermarkText="tbweCommentContats" WatermarkCssClass="watermarked" />
</div>
</div>
</InsertItemTemplate>
can you please explain what you mean by "the binding becomes a real mess"? Do you get duplicates?
Also, are you able to post the code for your bindContrats() method?
Edit 1:
ScriptManager.RegisterClientScriptBlock(lvContratFonds, typeof(ListView), "ClientScript", "alert('" + Resources.GPWebResource.errContratFondDelete.ToString() + "')", true);
Edit 2:
if (errMsg.Length == 0)
{
ContratsFondsTransBLL.DeleteAllContratFondTransByContratId(contratFondId, ((PageProjet)Page).ProjetId);
bindContrats(); // re-bind data
}
else
{
e.Cancel = true;
ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "ClientScript", "alert('" + Resources.GPWebResource.errContratFondDelete.ToString() + "')", true);
/* don't re-bind! */
}

Styling a repeater inside a datalist

i've used a DataList (dlparent) control for one of my page. Inside that datalist is another Datalist (dlchild) that is being populated by itemdatabound event of the parent datalist. i've used css with dlchild.
Databinding is ok and the required output shows great with mozilla and IE but not in netscape, safari and google chrome. dlchild is not showing. only item in dlparent appears.
Here's the markup for the dlparent:
<asp:DataList ID="SprintsWorkData" Style="float: left; padding-top: 10px;" runat="server"
OnItemDataBound="SprintsWorkData_ItemDataBound">
<ItemTemplate>
<asp:HiddenField ID="hiddenSprintId" runat="server" Value='<%# Eval("SprintId") %>' />
<div id="SprintNameSection">
<h4>
<%# Eval("SprintName") %></h4>
</div>
<div id="HeaderSection_SelectAll">
<div style="padding-top: 3px; height: 23px; padding-left: 2px;">
<asp:CheckBox ID="isAllCheck" runat="server" onclick="checkAll(this)" />
<b>
<asp:Label ID="sAll" Style="color: Black; text-indent: 1px;" Text="Select All" runat="server"></asp:Label>
</b>
</div>
</div>
<div class="HeaderSection_WorkedHours">
<b><asp:Literal ID="workedHours" runat="server" Text='<%$ Resources:LanguagePack, Worked_Hours %>'></asp:Literal></b></div>
<div class="HeaderSection_BillableHours">
<b><asp:Literal ID="billableHours" runat="server" Text='<%$ Resources:LanguagePack, Billable_Hours %>'></asp:Literal></b></div>
<div class="HeaderSection_Comments">
<b><asp:Literal ID="comments" runat="server" Text='<%$ Resources:LanguagePack, Comments %>'></asp:Literal></b></div>
<asp:DataList ID="HoursWorkData" runat="server">
<ItemTemplate>
<asp:HiddenField ID="hiddenTaskId" runat="server" Value='<%# Eval("BacklogId") %>' />
<div id="ItemSection_Task_Header">
<div style="vertical-align: middle; padding-bottom: 2px; padding-left: 2px; height: 18px;">
<asp:CheckBox ID="checkboxSub" runat="server" onclick="checkAllSub(this)" />
<b style="text-indent: 1px;">
<%# Eval("Title") %></b>
</div>
</div>
<div id="ItemSection_WorkedHours_Header">
<%# Eval("WorkedHours")%> </div>
<div id="ItemSection_BillableHours_Header">
<asp:Label ID="lblBillableHours_Header" Text='<%# Eval("BillableHours")%>' runat="server"></asp:Label> </div>
<div id="ItemSection_Comments_Header">
</div>
<asp:Repeater ID="repResourcesList" runat="server">
<ItemTemplate>
<asp:HiddenField ID="hiddenReportId1" runat="server" Value='<%# Eval("ReportId") %>' />
<div id="ItemSection_Task_Item">
<div style="vertical-align: middle; padding-bottom: 5px; padding-left: 2px; padding-top: 1px;
height: 14px;">
<asp:CheckBox ID="CB" runat="server" onclick="checkItem(this)" />
<b style="text-indent: 1px;">
<%# Eval("EnteredbyName") %></b>
</div>
</div>
<div id="ItemSection_WorkedHours_Item">
<asp:Label ID="lblWorkedHours_Item" Text='<%# Eval("WorkedHours")%>' runat="server"></asp:Label> </div>
<div id="ItemSection_BillableHours_Item">
<asp:RegularExpressionValidator ValidationGroup="ApproveBillable" ID="RegularExpressionValidator1"
runat="server" ErrorMessage="*" ValidationExpression="^(-)?\d+(\.\d\d)?$" ControlToValidate="txtBillableHours"
Style="position: absolute;">*</asp:RegularExpressionValidator>
<asp:TextBox ID="txtBillableHours" Style="text-align: right" runat="server" Font-Size="12px"
Width="50px" Text='<%# Eval("BillableHours") %>'></asp:TextBox>
</div>
<div id="ItemSection_Comments_Item">
<asp:TextBox ID="txtComments" Font-Size="12px" Width="93px" runat="server" Text='<%# Eval("Comment") %>'></asp:TextBox>
</div>
</ItemTemplate>
</asp:Repeater>
</ItemTemplate>
<ItemStyle Height="24px" />
<SeparatorTemplate>
<div id="divSeparator">
</div>
</SeparatorTemplate>
<FooterTemplate>
<div id="Footer1">
TOTAL HOURS
</div>
<div id="Footer_WorkedHours">
<asp:Label ID="lblWorkedHours" runat="server" Text="0.00" Font-Size="12px" ForeColor="White"></asp:Label>
</div>
<div id="Footer_BillableHours">
<asp:Label ID="lblBillableHours_Footer" runat="server" Text="0.00" Font-Size="12px"
ForeColor="White"></asp:Label>
</div>
<div id="Footer_Comments">
</div>
</FooterTemplate>
</asp:DataList>
</ItemTemplate>
<SeparatorTemplate>
</SeparatorTemplate>
</asp:DataList>
What might be the problem?
<asp:DataList ID="SprintsWorkData" Style="float: left; padding-top: 1px;" runat="server"
OnItemDataBound="SprintsWorkData_ItemDataBound">
<ItemTemplate>
<asp:HiddenField ID="hiddenSprintId" runat="server" Value='<%# Eval("SprintId") %>' />
<div id="SprintNameSection">
<h4>
<%# Eval("SprintName") %></h4>
</div>
<div id="HeaderSection_SelectAll">
<div style="padding-top: 3px; height: 23px; padding-left: 2px;">
<asp:CheckBox ID="isAllCheck" runat="server" onclick="checkAll(this)" />
<b>
<asp:Label ID="sAll" Style="color: Black; text-indent: 1px;" Text="Select All" runat="server"></asp:Label>
</b>
</div>
</div>
<div class="HeaderSection_WorkedHours">
<b>
<asp:Literal ID="workedHours" runat="server" Text='<%$ Resources:LanguagePack, Worked_Hours %>'></asp:Literal></b></div>
<div class="HeaderSection_BillableHours">
<b>
<asp:Literal ID="billableHours" runat="server" Text='<%$ Resources:LanguagePack, Billable_Hours %>'></asp:Literal></b></div>
<div class="HeaderSection_Comments">
<b>
<asp:Literal ID="comments" runat="server" Text='<%$ Resources:LanguagePack, Comments %>'></asp:Literal></b></div>
<asp:DataList ID="HoursWorkData" runat="server" Style="float: left;">
<ItemTemplate>
<asp:HiddenField ID="hiddenTaskId" runat="server" Value='<%# Eval("BacklogId") %>' />
<div id="ItemSection_Task_Header">
<div style="vertical-align: middle; padding-bottom: 2px; padding-left: 2px; height: 18px;">
<asp:CheckBox ID="checkboxSub" runat="server" onclick="checkAllSub(this)" />
<b style="text-indent: 1px;">
<%# Eval("Title") %></b>
</div>
</div>
<div id="ItemSection_WorkedHours_Header">
<%# Eval("WorkedHours")%> </div>
<div id="ItemSection_BillableHours_Header">
<asp:Label ID="lblBillableHours_Header" Text='<%# Eval("BillableHours")%>' runat="server"></asp:Label> </div>
<div id="ItemSection_Comments_Header">
</div>
<asp:Repeater ID="repResourcesList" runat="server">
<ItemTemplate>
<asp:HiddenField ID="hiddenReportId1" runat="server" Value='<%# Eval("ReportId") %>' />
<div id="ItemSection_Task_Item">
<div style="vertical-align: middle; padding-bottom: 5px; padding-left: 2px; padding-top: 1px;
height: 14px;">
<asp:CheckBox ID="CB" runat="server" onclick="checkItem(this)" />
<b style="text-indent: 1px;">
<%# Eval("EnteredbyName") %></b>
</div>
</div>
<div id="ItemSection_WorkedHours_Item">
<asp:Label ID="lblWorkedHours_Item" Text='<%# Eval("WorkedHours")%>' runat="server"></asp:Label> </div>
<div id="ItemSection_BillableHours_Item">
<asp:RegularExpressionValidator ValidationGroup="ApproveBillable" ID="RegularExpressionValidator1"
runat="server" ErrorMessage="*" ValidationExpression="^(-)?\d+(\.\d\d)?$" ControlToValidate="txtBillableHours"
Style="position: absolute;">*</asp:RegularExpressionValidator>
<asp:TextBox ID="txtBillableHours" Style="text-align: right" runat="server" Font-Size="12px"
Width="50px" Text='<%# Eval("BillableHours") %>'></asp:TextBox>
</div>
<div id="ItemSection_Comments_Item">
<asp:TextBox ID="txtComments" Font-Size="12px" Width="93px" runat="server" Text='<%# Eval("Comment") %>'></asp:TextBox>
</div>
</ItemTemplate>
</asp:Repeater>
</ItemTemplate>
<ItemStyle Height="24px" />
<SeparatorTemplate>
<div id="divSeparator">
</div>
</SeparatorTemplate>
<FooterTemplate>
<div id="Footer1">
<asp:Literal ID="totalHours" runat="server" Text='<%$ Resources:LanguagePack,TOTAL_HOURS %>'></asp:Literal>
</div>
<div id="Footer_WorkedHours">
<asp:Label ID="lblWorkedHours" runat="server" Text="0.00" Font-Size="12px" ForeColor="White"></asp:Label>
</div>
<div id="Footer_BillableHours">
<asp:Label ID="lblBillableHours_Footer" runat="server" Text="0.00" Font-Size="12px"
ForeColor="White"></asp:Label>
</div>
<div id="Footer_Comments">
</div>
</FooterTemplate>
</asp:DataList>
</ItemTemplate>
<SeparatorTemplate>
</SeparatorTemplate>
</asp:DataList>
I've just forgot to add float:left to the inner datalist or dlchild. the parent datalist has float:left