reorder DIVs after removing a single Div

Hazel Mahmud

10y936

how do i reorder dynamic div when i remove one div?. please help. below are my code.

aspx.cs

if (sc.HasRows)
{
while (sc.Read())
{
var menuID = sc["menuID"].ToString();
var menuDesc = sc["menuDesc"].ToString();

stringBuilder.Append("

");

stringBuilder.Append("

" + sc["menuDesc"].ToString() + "

" + "

");

using (SqlConnection conn = ClassConn.GetPortalCon())
{
SqlCommand cmd1 = new SqlCommand("ret_Menu_SubMenu", conn);
cmd1.CommandType = CommandType.StoredProcedure;
cmd1.Parameters.AddWithValue("@userID", nopkj);
cmd1.Parameters.AddWithValue("@systemID", systemID);
cmd1.Parameters.AddWithValue("@menuID", menuID);
SqlDataReader sc1 = cmd1.ExecuteReader();

if (sc1.HasRows)
{
while (sc1.Read())
{
// komen dulu new tab
var newTab = sc1["new_tab"].ToString();
var subMenuID = sc1["MenuIDsub"].ToString();
var subMenuDesc = sc1["subMenuDesc_bi"].ToString();

if (newTab == "1")
{
stringBuilder.AppendFormat("");
}
else

{
stringBuilder.AppendFormat("");
}
}
stringBuilder.Append("

");
stringBuilder.Append("

");
}
}

if (stringBuilder.Length > 0)
{
columnsContainerHome.Controls.Add(new Literal { Text = stringBuilder.ToString() });

columnsContainerHome.Visible = true;
}
}

my jquery code:

html code:

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

Midhun Tp10y ago
Accepted answer
Hi, For that you have to give float property for divs. Give float:left for all divs and then it will be automatically arranged to left when you remove one div. But you have to check your other css properties also.
Hazel Mahmud10y ago
protected void Page_Load(object sender, EventArgs e)

{ nopkj = Session["nopkj"].ToString();

var txtSystemID = (System.Web.UI.HtmlControls.HtmlInputText)Master.FindControl("txtSystemID");

txtSystemID.Value = Request.QueryString["system"];

systemID = Request.QueryString["system"];

using (SqlConnection con = ClassConn.GetPortalCon())

{

StringBuilder stringBuilder = new StringBuilder();

nopkj = Session["nopkj"].ToString();

SqlCommand cmd = new SqlCommand("ret_Menu", con);

cmd.CommandType = CommandType.StoredProcedure;

cmd.Parameters.AddWithValue("@userID", nopkj);

cmd.Parameters.AddWithValue("@systemID", systemID);

SqlDataReader sc = cmd.ExecuteReader();

if (sc.HasRows)

{

while (sc.Read())

{

var menuID = sc["menuID"].ToString();

var menuDesc = sc["menuDesc"].ToString();

stringBuilder.Append("
");

stringBuilder.Append("
");

stringBuilder.Append("
" + sc["menuDesc"].ToString() + "" + "
");

stringBuilder.Append("
");

using (SqlConnection conn = ClassConn.GetPortalCon())

SqlCommand cmd1 = new SqlCommand("ret_Menu_SubMenu", conn);

cmd1.CommandType = CommandType.StoredProcedure;

cmd1.Parameters.AddWithValue("@userID", nopkj);

cmd1.Parameters.AddWithValue("@systemID", systemID);

cmd1.Parameters.AddWithValue("@menuID", menuID);

SqlDataReader sc1 = cmd1.ExecuteReader();

if (sc1.HasRows)

{

while (sc1.Read())

{

var newTab = sc1["new_tab"].ToString();

var subMenuID = sc1["MenuIDsub"].ToString();

var subMenuDesc = sc1["subMenuDesc_bi"].ToString();

if (newTab == "1")

{

stringBuilder.AppendFormat("
" + " + sc1["subMenuPath"].ToString() + ">" + sc1["subMenuDesc_bi"].ToString() + "
");

}

else

{ stringBuilder.AppendFormat("
" + " + sc1["subMenuPath"].ToString() + "?TreeText=" + Server.UrlEncode(subMenuDesc) + ">" + sc1["subMenuDesc_bi"].ToString() + "
");

}

}

}

}

stringBuilder.Append("
");

stringBuilder.Append("
");

stringBuilder.Append("
");

// }

}

if (stringBuilder.Length > 0)
{

columnsContainerHome.Controls.Add(new Literal { Text = stringBuilder.ToString() });

columnsContainerHome.Visible = true;

}

}

}

}
the result is as 1st picture
when i click the X button the result is as below:
the exact result is, i want all the widget move and arrange automatically as result below :
how do i do that..please help..
Vinay Singh10y ago
Hi
Please let us know your exact requirement
Midhun Tp10y ago
Hi,
Can you explain what is your correct requirement?
Is your above codes working fine?
Manas Mohapatra10y ago
I am not sure about your re-order functionality. By the way, if you want to assign different id then here is the code:
Let's say you have all DIV with class named as questionDiv. Using class you need to loop over all DIV and assign new properties.
$('.questionDiv').each(function(index){ $(this).attr('id','a'+ (index + 1));})