CodeVerge.Net Beta


   Explore    Item Entry   Register  Login  
Microsoft News
Asp.Net Forums
IBM Software
Borland Forums
Adobe Forums
Novell Forums

ASP.NET Web Hosting – 3 Months Free!
Zone: > NEWSGROUP > Asp.Net Forum > windows_hosting.hosting_open_forum Tags:
Item Type: NewsGroup Date Entered: 7/10/2004 10:03:39 AM Date Modified: Subscribers: 0 Subscribe Alert
Rate It:
(NR, 0)
XPoints: N/A Replies: 10 Views: 48 Favorited: 0 Favorite
Can Reply:  No Members Can Edit: No Online: Yes
11 Items, 1 Pages 1 |< << Go >> >|
Brinkie
Asp.Net User
How to create a custom design panel7/10/2004 10:03:39 AM

0/0

Hi,

I'd like some idea's on how to create a panel like the one in the Toolbar, but add my own layout to it, both in design time as in run time.

My problem is I still need to be able to drop other controls onto my 'panel' in design time HTML view.

I thought about creating a Table with a header row, a content row and a footer row, where the content row would contain a regular panel control. So I tried rendering the Table html around the panel control in Render(), but that doesn't seem to work.

How should I handle this problem?

Any help is greatly appreciated!
Brinkie
master4eva
Asp.Net User
Re: How to create a custom design panel7/10/2004 10:21:44 AM

0/0

Ewww. Not exactly on to what you want over here but there are a pointer that I would like to bring out:

Have you considered templates? For example, look at this article which I wrote out about templates:

http://aspalliance.com/366

If you go for that, you do not have to rely on the Panel control to drop the controls into the templates... you can create a custom designer for that. Just let me know if you need a code example for this.
-- Justin Lovell
Brinkie
Asp.Net User
Re: How to create a custom design panel7/10/2004 11:48:38 AM

0/0

I'm not familair with Template controls, so some sample code is very much appreciate! Thanx!
master4eva
Asp.Net User
Re: How to create a custom design panel7/10/2004 9:25:09 PM

0/0

The first thing that you need to do is learn, learn, learn! That article that I linked to in the previous post -- learn the fundamentals of what is spoken in there. In fact, to add another article of which you could also make reference to is:

http://msdn.microsoft.com/msdnmag/issues/02/01/cutting/default.aspx

BTW -- I am said that I will be stepping you through the designer part of the template. It requires one's own understanding to just 'click' onto the concept. Maybe if you related to the Repeater or DataList control when you read both of those articles, it will give you the beneficiary.
-- Justin Lovell
Brinkie
Asp.Net User
Re: How to create a custom design panel7/12/2004 6:03:45 PM

0/0

Ok, so I was already familiar with templates after all :-) I use datagrids and their templates quit a lot actually.

So now I know how to create a template myself. How do you suggest to solve my problem then? What part of my control will be templated? And are you sure templates are the way to go, as they sound a bit too much for the relatively small problem I'm facing...

All I need is some solid unchangable html to apprear around a panel control, to which I want to add other controls in design time visually or through code. It can't be that hard, can it?

Thanks for the pointers sofar!
master4eva
Asp.Net User
Re: How to create a custom design panel7/12/2004 8:41:08 PM

0/0

:: How do you suggest to solve my problem then?

If you have syntax like: 


<cc1:MyControl runat="server">


   <HeaderTemplate>


      Your header


   </HeaderTemplate>


   <bodyTemplate>


       Your body.


   </bodyTemplate>


   <footerTemplate>


      your footer


   </footerTemplate>


</cc1:MyControl>

And so you go in your rendering code (I am trying to type this as fast as possible so do not expect it to be syntaxically correct but the logic is): 


private PlaceHolder headerHolder = new PlaceHolder();


private PlaceHolder bodyHolder = new PlaceHolder();


private PlaceHolder footerHolder = new PlaceHolder();





protected override void CreateChildControls() {


   if (HeaderTemplate != null) {


      HeaderTemplate .InstantiateIn(headerHolder);


   }





   if (BodyTemplate != null) {


      BodyTemplate.InstantiateIn(bodyHolder);


   }





   if (FooterTemplate != null) {


      FooterTemplate.InstantiateIn(bodyHolder);


   }





   Controls.Add(headerHolder);


   Controls.Add(bodyHolder);


   Controls.Add(footerHolder);


}





protected override void Render(HtmlTextWriter writer) {


   writer.WriteFullBeginTag("div");





   writer.WriteFullBeginTag("div");


   headerHolder.RenderControl(writer);


   writer.WriteEndTag("div");





   writer.WriteFullBeginTag("div");


   bodyHolder.RenderControl(writer);


   writer.WriteEndTag("div");





   writer.WriteFullBeginTag("div");


   footerHolder.RenderControl(writer);


   writer.WriteEndTag("div");


}

Edit: just add the HeaderTemplate, BodyTemplate and FooterTemplate properties to the code. See where I am going with this?
-- Justin Lovell
Brinkie
Asp.Net User
Re: How to create a custom design panel7/19/2004 8:33:28 PM

0/0

Yes, I see where you are going. Thanks again for the pointers.

I've been reading more on the web in the meanwhile.

This sample allows me to specify content in HTML-view of the IDE. But it doesn't allow me to drop other controls onto the design-time surface right? That would require me to implement my own TemplateDesigner, to be able to do the drag-and-drop of other controls in the IDE in design-time?
master4eva
Asp.Net User
Re: How to create a custom design panel7/20/2004 6:22:44 AM

0/0

The answer to all of your questions is "yes". I would assume that you walked across an article demonstrating the usage of TemplateDesigner class. Specifically, you are looking for the adding and creating of "verbs".
-- Justin Lovell
brinkie
Asp.Net User
Re: How to create a custom design panel7/20/2004 6:43:17 AM

0/0

Thanks! I'll keep digging...
danfizesan
Asp.Net User
Re: How to create a custom design panel7/22/2004 5:19:41 PM

0/0

Hi there. there is a shortcomming to using Templates instead of panel functionality (the designer ReadWriterControlDesigner) and that is the controls that you put in the template don't keep their state, at least that is what happens with my templated controls. I have tested this thing also with the DataList and it happens the same.
For instance put a templated control with a check box in it and another checkbox and button in the same page. Use the button to do the post backs. Run the page. check both check boxes and the press the button. you will see that the check box from the templated control looses it's state, because it is created again in the IntantiateIn method of the template after postback meanwhile the check box placed directly in the page remains checked.

Maybe someone has a better ideea or a better handeling of the templates to help me with this.

Best regards,
Dan
master4eva
Asp.Net User
Re: How to create a custom design panel7/23/2004 2:35:05 PM

0/0

Dan,

You might want to follow this link to give a clue:

http://scottonwriting.net/sowblog/posts/1576.aspx

Other than that, I cannot comment any further because I do not know how you are running into these "problems". Some source code can be helpful.
-- Justin Lovell
11 Items, 1 Pages 1 |< << Go >> >|


Free Download:

Books:
Adobe Creative Suite 3 Design Premium All-in-One Desk Reference for Dummies Authors: Jennifer Smith, Christopher Smith, Pages: 816, Published: 2007
The Black & Decker Build Your Own Custom Closet: Designing, Building & Installing Custom Closet Systems Authors: Gillett Cole, Jim Myers, Pages: 144, Published: 2007
How to Do Everything with Microsoft Office Excel 2007 Authors: Guy Hart-Davis, Pages: 488, Published: 2006
Do-It-Yourself Web Stores For Dummies: Do-it-yourself Authors: Joel Elad, Pages: 372, Published: 2007
Pro SharePoint Solution Development: Combining .NET, SharePoint and Office 2007 Authors: Ed Hild, Susie Adams, Pages: 376, Published: 2007
Microsoft Office SharePoint Server 2007: The Complete Reference Authors: David Matthew Sterling, David Sterling, Pages: 788, Published: 2007
How to Do Everything with Dreamweaver 8 Authors: Michael Meadhra, Pages: 448, Published: 2005
Usonia, New York: Building a Community with Frank Lloyd Wright Authors: Roland Reisley, Frank Lloyd Wright, John Timpane, Pages: 172, Published: 2001
Dreamweaver MX 2004 for Dummies Authors: Janine Warner, Susannah Gardner, Pages: 432, Published: 2003
Adobe Premiere Pro 2.0 Studio Techniques: Studio Techniques Authors: Jacob Rosenberg, Pages: 603, Published: 2006

Web:
Function Web Design & Development [ Blog ] » Tutorial: Creating ... Create Custom Write Panels in WordPress | webdemar.com said:. [...] from Function Web Design & Development wrote a very good tutorial about how to add ...
How to: Create a Custom Document Information Panel from InfoPath To create a custom property Panel pfrom InfoPath. In Microsoft Office InfoPath 2007, on the File menu, click Design a Form. On the Design a Form dialog box, ...
BlizzCon 2008: Diablo 3 Class Design Panel - GayGamer.net Oct 14, 2008 ... A: "Our plan is to make custom player death sequences with bosses. ... Lisa on BlizzCon 2008: Diablo 3 Class Design Panel: Blizzard also ...
Create Design Concept - Website Elements - Web Design - Host Monster Enter your design panel ... 2.6 Create Design Concept. Summary. Custom Design Concept usually takes 7 days. Price: $450.00 Only! Get a FREE Quote ...
Custom Control Panels – Web Listings How to create a custom Control Panel for Windows Vista - Simple Help ... engineering needs, free control panel design and free control panel quote. ...
Create a custom design | Colourful Coffins ® | The Experts in ... To create a custom design, or personalise an existing template design, please complete the ... Would you like to include any words on head panel section? ...
CodeProject: C# Design time custom panel (drag and drop into it ... C# Design time custom panel (drag and drop into it)- web custom control. By Cheml0ck Create a custom panel that can expand/contract and that you can nest ...
Create logo designs using shapes in Photoshop Create Simple logo design ideas using custom shapes in Photoshop. ... custom shape tool seen in the tools panel on the right. Go to Shape tool Click on this ...
WebOps: Adding Your Own Custom CSS By opening the Design panel group, and using the CSS Properties panel. ... By default, if you create an unordered list in the right navigation area, ...
Leading manufacturer of commercial playground equipment for ... Custom Arch Panel: Ideal way to promote park or playground name, ... Create a custom roof with a name, logo or theme; Versatile design can be used on a ...

Videos:
Chevy HHR Panel design by CCS GM and Detroit's CCS (College for Creative Studies) have teamed up to create some custom wrap designs for the new HHR Panel. A video presentation of ...
USG Libretto Ceiling System Installation The Libretto™ ceiling system features individually fabricated aluminum panels that interconnect to form a continuous, uninterrupted plane. Collaborat...
2003 Philharmonic House of Design in Orange! Amazing 8200+ square foot custom home with private entrance into large circular 20-car driveway. Chelsea Manor includes Clive Christian cabinetry, pi...
BlueBrush presentation video BlueBrush is a new media tool that support the employees of a traditional Delftware factory to create custom designs for their clients. By means of a...
Unique Printed Sound Absorption Panels - Enhance Acoustics & Room Decor Audimute Acoustic Image Panels reveal purer sound by absorbing sound waves that cause echoes and reverberant noise. These sound panels also go beyond...
Orlando Home Designer, Florida Bella Collina Tuscany Design http://www.SusanBerryDesign.com, [email protected] Orlando, Florida Bella Collina. Home of Luxury Home Designer, Susan Berry, ASID...
PowerPoint: Basics Episode 1 (of an 18-part series). This Nortel LearniT tutorial reviews the basics of PowerPoint and gets you started using it right away.
Get Your Custom Classic Vehicle Almost complets, this 1957 Chevrolet (belonging to Ron Higuera) is one Hott Mama. LS-2 Engine Magnasun Supercharger C4 Corvette Suspension 4L60E Auto...
Bio::POD - a rapid mutation discovery software solution by Bio::Neos, Inc. Bio::POD (Prioritized Oligo Design) is a bioinformatics software application intended for researchers that need to manage small to medium datasets fo...
100% Homemade Electricity Producing Wind Turbine http://EnergyForEarth.net - 100% Homemade Electricity Producing Wind Turbine Several years ago I bought some remote property in Arizona. I am an as...




Search This Site:










dropdownlist problem

mass event processing suggestion

controls reading from db

generate css

designer editor for cssstylecollection

how to run a function inside usercontrol within codebehind of a aspx file

extending dropdownlist

best method to add lengthy javascript?

how refresh control dll

a good host with bandwidth

web custom control drop down style property.

i know this is simple, but i can't get it to work....

property values not being passed to usercontrol when loading programattically

rendering child controls "inline"

questions for 1and1.com clients only

addattributestorender problem

another tool

too much time!!!

does any boby know asp.net 1.1, ms sql server 2k, speechsdk hosting?

system.stackoverflowexception problem

serializing a custom collection in the designer

compositewebcustomcontrol ... calling propertybuilder

simple property - total confusion

getting a control ready to be programmed during postback event

hosting website

treeview displayed as a long string instead of tree structure

problem passing variables between pages

how is this for colocation costs...

help! controls problem

asp on linux
  Privacy | Contact Us
All Times Are GMT