Divide Webpage into dynamic div tags

Question

3.86/5 (4 votes)

See more:

Dear,

I have the requirement to divide a webpage into multiple div tags dynamically.
How to achieve it?

I have to place images to in the div tags.

sample for my requirement:

http://epaper.namasthetelangaana.com/epapermain.aspx?edcode=9&eddate=07/25/2012[^]

i want to divide the page into boxes which holds, the images?

or

please suggest me, how to achieve this?

thanking you..all

Posted 24-Jul-12 23:46pm

srinivas vadepally

Updated 24-Jul-12 23:47pm

Prasad_Kulkarni

v2

Add a Solution

2 solutions

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)

Dan Steuer · Answer 1 · 2012-07-25T14:11:00

A simple way to do this would be to use

C#

System.Web.UI.HtmlControls.HtmlGenericControl newDIV = new System.Web.UI.HtmlControls.HtmlGenericControl("div");

Of course if you are "using" System.Web.UI.HtmlControls it would be much short.

Also keep in mind this would be a basic div and you would need to add the styling to it that you would want. I would suggest however that since you are using ASP.NET you could make this easier by adding IDs and "runat=server" to any areas that you want to be dynamic. This would allow you to use them directly in your code behind.

For example in your HTML:

ASP.NET

<div id="testDiv" runat="server"></div>

Now you can directly address this div from code behind and add images or any control as need:

C#

Image img = new Image();
img.ImageUrl = "~/imagelocation/image.jpg";
img.AlternateText = "image";
testDiv.Controls.Add(img);

Again, you would want to add image sizing etc depending on your needs. I am not sure exactly what you are going for but this should get you started.

T-Maz · Answer 2 · 2013-12-12T08:19:00

XML

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

    <asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>


</asp:Content>

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication2
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Panel div1 = new Panel{ ID = "div1",CssClass="div1style" };
            Image img = new Image { ImageUrl = "~/images/pic.jpg", AlternateText = "Blah" };
            div1.Controls.Add(img);
            PlaceHolder1.Controls.Add(div1);
        }
    }
}

Divide Webpage into dynamic div tags

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0