hwo to change margin left of my div

Question

1.00/5 (1 vote)

See more:

hi,
i want to change margin-left for my div i have tow LinkButton when i want to change margin dosen't work the id of my link button is "lnkEdit" and "lnkCancel" this's my code

XML

<div id="div_gv" runat="server" >
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                       <asp:GridView ID="GridView1"
                        ForeColor="#333333" AutoGenerateColumns="false" ShowFooter="True" runat="server" DataKeyNames="id"
                        OnRowEditing="GridView1_RowEditing"
                        OnRowCancelingEdit="GridView1_RowCancelingEdit"
                        OnRowUpdating="GridView1_RowUpdating">
                        <EditRowStyle BackColor="#2461BF" />
                        <Columns>
                            <asp:TemplateField>
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkEdit" runat="server" Text="" CommandName="Edit"
                                       ToolTip="Modifier" OnClick="lnkEdit_Click"
                                        CommandArgument=''><img src="../Images/show.png" /></asp:LinkButton>
                                    <asp:LinkButton ID="lnkCancel" Visible="false" runat="server" Text="" CommandName="Cancel"
                                        ToolTip="Annuler" OnClick="lnkCancel_Click"
                                        CommandArgument=''><img src="../Images/cancel.png" /></asp:LinkButton>
                                    <asp:LinkButton ID="lnkInsert" Visible="false" runat="server" Text="" ValidationGroup="grp_stat-edit"
                                        CommandName="Update" ToolTip="Sauvegarder"  OnClick="lnkInsert_Click"
                                        CommandArgument=''><img src="../Images/icon_save.png" /></asp:LinkButton>
                                </ItemTemplate>
                                <FooterTemplate>
                                    <img alt="" style="cursor: pointer" src="Images/plus.png" />
                                </FooterTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Nom de la station" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <ItemTemplate>
                                    <asp:Label ID="Lib_STATION" runat="server" Text='<%# Bind("lib") %>'></asp:Label>
                                </ItemTemplate>
                                <EditItemTemplate>
                                     <asp:Label ID="Lib_st" runat="server" Text='<%# Bind("lib") %>'></asp:Label>
                                </EditItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Type" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <EditItemTemplate>
                                    <asp:TextBox ID="TYPE_STATION" runat="server" Text='<%# Bind("typ") %>' Style="width: 115px; font-size: 12px;margin-left: 3px;" MaxLength="30"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="TYPE_STATION" ValidationGroup="grp_stat-edit"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="TYPE_STATION" runat="server" Text='<%# Bind("typ") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Date mise en service" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <EditItemTemplate>
                                    <asp:TextBox ID="DATE_MS" runat="server" Text='<%# Bind("dsm") %>' Style="width: 80px; font-size: 12px;margin-left: 3px;" MaxLength="30"></asp:TextBox>
                                    <asp:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="DATE_MS" Format="yyyy-MM-dd"></asp:CalendarExtender>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="DATE_MS" ValidationGroup="grp_stat-edit"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="DATE_MS" runat="server" Text='<%# Bind("dsm") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Date d'instalation" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <EditItemTemplate>
                                    <asp:TextBox ID="DATE_INSTALATION" runat="server" Text='<%# Bind("di") %>' Style="width: 80px;margin-left: 3px;font-size: 12px;" MaxLength="30"></asp:TextBox>
                                    <asp:CalendarExtender ID="CalendarExtender2" runat="server" TargetControlID="DATE_INSTALATION" Format="yyyy-MM-dd"></asp:CalendarExtender>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="DATE_INSTALATION" ValidationGroup="grp_stat-edit"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="DATE_INSTALATION" runat="server" Text='<%# Bind("di") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Numéro GSM" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <EditItemTemplate>
                                    <asp:TextBox ID="NUM_GSM" runat="server" Text='<%# Bind("num") %>' Style="width: 80px;margin-left: 3px; font-size: 12px;" MaxLength="30"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="NUM_GSM" ValidationGroup="grp_stat-edit"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="NUM_GSM" runat="server" Text='<%# Bind("num") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Observateur" HeaderStyle-HorizontalAlign="Left">
                                <EditItemTemplate>
                                    <asp:TextBox ID="NOM_PRENOM_CHEF" runat="server" Text='<%# Bind("obs") %>' Style="width: 92px;width: 80px;margin-left: 3px; font-size: 12px;" MaxLength="30"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="NOM_PRENOM_CHEF" ValidationGroup="grp_stat-edit"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="NOM_PRENOM_CHEF" runat="server" Text='<%# Bind("obs") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Observateur GSM" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <EditItemTemplate>
                                    <asp:TextBox ID="TELE_CHEF" runat="server" Text='<%# Bind("obg") %>' Style="width: 80px;margin-left: 3px; font-size: 12px;" MaxLength="30"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="*" ForeColor="Red" ControlToValidate="TELE_CHEF" ValidationGroup="grp_stat-edit"></asp:RequiredFieldValidator>
                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="TELE_CHEF" runat="server" Text='<%# Bind("obg") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                            <asp:TemplateField HeaderText="Situation actuelle" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Size="13px">
                                <EditItemTemplate>
                                    <asp:TextBox ID="SITUATION_ACTUEL" runat="server" Text='<%# Bind("sa") %>' Style="width: 99px;margin-left: 3px; font-size: 12px;" MaxLength="30"></asp:TextBox>

                                </EditItemTemplate>
                                <ItemTemplate>
                                    <asp:Label ID="SITUATION_ACTUEL" runat="server" Text='<%# Bind("sa") %>'></asp:Label>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        <FooterStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                        <HeaderStyle BackColor="#507CD1" Font-Bold="True" ForeColor="White" />
                        <PagerStyle BackColor="#2461BF" ForeColor="White" HorizontalAlign="Center" />
                        <RowStyle BackColor="#EFF3FB" />
                        <SelectedRowStyle BackColor="#D1DDF1" Font-Bold="True" ForeColor="#333333" />
                        <SortedAscendingCellStyle BackColor="#F5F7FB" />
                        <SortedAscendingHeaderStyle BackColor="#6D95E1" />
                        <SortedDescendingCellStyle BackColor="#E9EBEF" />
                        <SortedDescendingHeaderStyle BackColor="#4870BE" />
                    </asp:GridView>



 protected void lnkEdit_Click(object sender, EventArgs e)
        {
            div_gv.Attributes.Add("style", "margin-left: 83px;");
        }

        protected void lnkCancel_Click(object sender, EventArgs e)
        {
            div_gv.Attributes.Add("style", "margin-left: 42px;");
        }




         protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)
        {
            GridView1.EditIndex = e.NewEditIndex;
            BindGrid();

            LinkButton likcancel = GridView1.Rows[GridView1.EditIndex].FindControl("lnkCancel") as LinkButton;
            likcancel.Visible = true;

            LinkButton lnkInsert = GridView1.Rows[GridView1.EditIndex].FindControl("lnkInsert") as LinkButton;
            lnkInsert.Visible = true;

            LinkButton linkedit = GridView1.Rows[GridView1.EditIndex].FindControl("lnkEdit") as LinkButton;
            linkedit.Visible = false;

           // div_gv.Attributes.Add("style", "margin-left: 83px;");
        }

         protected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)
        {
            GridView1.EditIndex = -1;
            BindGrid();
            //div_gv.Attributes.Add("style", "margin-left: 42px;");

        }

plz i need help

Posted 20-Jul-15 0:38am

Member 11573837

Add a Solution

2 solutions

Solution 2

As per your code you are not performing any server side action on the click of lnkEdit and lnkCancel.

so i just suggest you to use jQuery to adjust the margin.

Example:

JavaScript

//Add a click method for each linkbutton and inside it add the below code.
//Adjust the margin according to your need.
  $('#div_gv').css('margin-left', '83px')

Hope it helps :)

Posted 20-Jul-15 2:24am

Sanket Saxena

v2

Comments

Member 11573837 20-Jul-15 9:11am

hi Sanket Saxena,
thank you for answering me i chose the first solution

Sanket Saxena 20-Jul-15 9:17am

Great that you have solved the problem. Thanks

Sergey Alexandrovich Kryukov 20-Jul-15 9:20am

Right idea, a 5. We observe unnecessary traffic congestion here and there due to lots of stupid postbacks for the sake of most trivial effect.
—SA

Sanket Saxena 21-Jul-15 3:05am

Thanks SA :)

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Uzzal Kanti Barua · Accepted Answer · 2015-07-20T01:08:00

Solution 1

C#

div_gv.Style.Add("margin-left", "83px");

Posted 20-Jul-15 1:08am

Uzzal Kanti Barua

Comments

Member 11573837 20-Jul-15 7:11am

hi Uzzal Kanti Barua,
thank you for answering me but it dosen't work

Uzzal Kanti Barua 20-Jul-15 7:51am

avoid updatepanel then try

Member 11573837 20-Jul-15 9:12am

hi Uzzal Kanti Barua,
thank you it works now