{"id":491,"date":"2008-01-27T05:25:35","date_gmt":"2008-01-27T10:25:35","guid":{"rendered":"http:\/\/blogs.devhorizon.com\/reza\/?p=491"},"modified":"2008-09-13T18:01:27","modified_gmt":"2008-09-13T23:01:27","slug":"web-part-with-toolbar","status":"publish","type":"post","link":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/","title":{"rendered":"Web Part with Toolbar"},"content":{"rendered":"

A web part that has its own toolbar with different controls added to it programmatically is easy to build.<\/p>\n

1) Create a web part and override CreateChildControls <\/span>and Render<\/span> methods:<\/p>\n

\n\n\t\t
\n\n\t\t
\n\t\t\t\t\t\t< View plain text<\/span> ><\/a>\n\t\t\t\t\t<\/div>\n\n\t\t
C#<\/div>\n\n\t\t\n\t\t
\n\n\t<\/div>\n\t\n\t
\n\t\t
  1. public<\/span> class<\/span> WPT :<\/span> WebPart {<\/span><\/div><\/li>\n
  2. protected<\/span> ToolBar tlb;<\/span><\/div><\/li>\n
  3.  <\/div><\/li>\n
  4. protected<\/span> override<\/span> void<\/span> CreateChildControls(<\/span>)<\/span><\/div><\/li>\n
  5. {<\/span><\/div><\/li>\n
  6. base<\/span>.<\/span>CreateChildControls<\/span>(<\/span>)<\/span>;<\/span><\/div><\/li>\n
  7. tlb =<\/span> (<\/span>ToolBar)<\/span>Page.<\/span>LoadControl<\/span>(<\/span>"\/_controltemplates\/ToolBar.ascx"<\/span>)<\/span>;<\/span><\/div><\/li>\n
  8. tlb.<\/span>ID<\/span> =<\/span> "NavNodesTB"<\/span>;<\/span><\/div><\/li>\n
  9. tlb.<\/span>Template_Buttons<\/span> =<\/span> new<\/span> BtnTemplate(<\/span>)<\/span>;<\/span><\/div><\/li>\n
  10. Controls.<\/span>Add<\/span>(<\/span>tlb)<\/span>;<\/span><\/div><\/li>\n
  11. }<\/span><\/div><\/li>\n
  12. protected<\/span> override<\/span> void<\/span> Render(<\/span>HtmlTextWriter writer)<\/span><\/div><\/li>\n
  13. {<\/span><\/div><\/li>\n
  14. RenderChildren(<\/span>writer)<\/span>;<\/span><\/div><\/li>\n
  15. }<\/span><\/div><\/li>\n
  16. }<\/span><\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n

    2) Create the BtnTemplate class that implements ITemplate<\/a> interface. Add all the controls you want to show up on the toolbar<\/p>\n

    \n\n\t\t
    \n\n\t\t
    \n\t\t\t\t\t\t< View plain text<\/span> ><\/a>\n\t\t\t\t\t<\/div>\n\n\t\t
    C#<\/div>\n\n\t\t\n\t\t
    \n\n\t<\/div>\n\t\n\t
    \n\t\t
    1. public<\/span> class<\/span> BtnTemplate :<\/span> ITemplate<\/div><\/li>\n
    2. {<\/span><\/div><\/li>\n
    3. DropDownList ddlNumbers;<\/span><\/div><\/li>\n
    4. HyperLink tlBarLink;<\/span><\/div><\/li>\n
    5.  <\/div><\/li>\n
    6. void<\/span> ITemplate.<\/span>InstantiateIn<\/span>(<\/span>Control container)<\/span><\/div><\/li>\n
    7. {<\/span><\/div><\/li>\n
    8. tlBarLink =<\/span> new<\/span> HyperLink(<\/span>)<\/span>;<\/span><\/div><\/li>\n
    9. tlBarLink.<\/span>ID<\/span> =<\/span> "idClickMeText"<\/span>;<\/span><\/div><\/li>\n
    10. tlBarLink.<\/span>Text<\/span> =<\/span> "Click Me"<\/span>;<\/span><\/div><\/li>\n
    11. tlBarLink.<\/span>ToolTip<\/span> =<\/span> "Click Me"<\/span>;<\/span><\/div><\/li>\n
    12. tlBarLink.<\/span>NavigateUrl<\/span> =<\/span> "javascript:alert('Hello World!')"<\/span>;<\/span><\/div><\/li>\n
    13.  <\/div><\/li>\n
    14. ddlNumbers =<\/span> new<\/span> DropDownList(<\/span>)<\/span>;<\/span><\/div><\/li>\n
    15. ddlNumbers.<\/span>ID<\/span> =<\/span> "idNumbers"<\/span>;<\/span><\/div><\/li>\n
    16. ddlNumbers.<\/span>Load<\/span> +=<\/span> new<\/span> EventHandler(<\/span>ddlNumbers_Load)<\/span>;<\/span><\/div><\/li>\n
    17. ddlNumbers.<\/span>AutoPostBack<\/span> =<\/span> false<\/span>;<\/span><\/div><\/li>\n
    18.  <\/div><\/li>\n
    19. container.<\/span>Controls<\/span>.<\/span>Add<\/span>(<\/span>tlBarLink)<\/span>;<\/span><\/div><\/li>\n
    20. container.<\/span>Controls<\/span>.<\/span>Add<\/span>(<\/span>ddlNumbers)<\/span>;<\/span><\/div><\/li>\n
    21.  <\/div><\/li>\n
    22. }<\/span><\/div><\/li>\n
    23.  <\/div><\/li>\n
    24. void<\/span> ddlNumbers_Load(<\/span>object<\/span> sender, EventArgs e)<\/span><\/div><\/li>\n
    25. {<\/span><\/div><\/li>\n
    26. ddlNumbers.<\/span>Items<\/span>.<\/span>Clear<\/span>(<\/span>)<\/span>;<\/span><\/div><\/li>\n
    27. ddlNumbers.<\/span>Items<\/span>.<\/span>Add<\/span>(<\/span>new<\/span> ListItem(<\/span>"One"<\/span>)<\/span>)<\/span>;<\/span><\/div><\/li>\n
    28. ddlNumbers.<\/span>Items<\/span>.<\/span>Add<\/span>(<\/span>new<\/span> ListItem(<\/span>"Two"<\/span>)<\/span>)<\/span>;<\/span><\/div><\/li>\n
    29. ddlNumbers.<\/span>Items<\/span>.<\/span>Add<\/span>(<\/span>new<\/span> ListItem(<\/span>"Three"<\/span>)<\/span>)<\/span>;<\/span><\/div><\/li>\n
    30. }<\/span><\/div><\/li>\n
    31. }<\/span><\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n

      3) Finally,deploy your web part and you are pretty much done! Here is how your web part looks like.<\/p>\n\n\n
      <\/td>\n<\/tr>\n<\/table>\n

      Source Code can be downloaded here<\/a>.<\/p>\n

      Update 13\/Sep\/2008:\u00a0<\/font>\u00a0 Another way of adding toolbar is now documented here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

      A web part that has its own toolbar with different controls added to it programmatically is easy to build. 1) Create a web part and override CreateChildControls and Render methods: < View plain text > C# public class WPT : WebPart { protected ToolBar tlb;   protected override void CreateChildControls() { base.CreateChildControls(); tlb = (ToolBar)Page.LoadControl("\/_controltemplates\/ToolBar.ascx"); […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[],"class_list":["post-491","post","type-post","status-publish","format-standard","hentry","category-moss-2007"],"yoast_head":"\nWeb Part with Toolbar - Reza Alirezaei's Blog %<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reza Alirezaei\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/\"},\"author\":{\"name\":\"Reza Alirezaei\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#\\\/schema\\\/person\\\/cdbb24d283697a65951cb4a14e474938\"},\"headline\":\"Web Part with Toolbar\",\"datePublished\":\"2008-01-27T10:25:35+00:00\",\"dateModified\":\"2008-09-13T23:01:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/\"},\"wordCount\":216,\"commentCount\":13,\"image\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/wp-content\\\/uploads\\\/2008\\\/01\\\/012708-1026-webpartwith12.png\",\"articleSection\":[\"MOSS 2007\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/\",\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/\",\"name\":\"Web Part with Toolbar - Reza Alirezaei's Blog %\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/wp-content\\\/uploads\\\/2008\\\/01\\\/012708-1026-webpartwith12.png\",\"datePublished\":\"2008-01-27T10:25:35+00:00\",\"dateModified\":\"2008-09-13T23:01:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#\\\/schema\\\/person\\\/cdbb24d283697a65951cb4a14e474938\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/2008\\\/01\\\/27\\\/web-part-with-toolbar\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/wp-content\\\/uploads\\\/2008\\\/01\\\/012708-1026-webpartwith12.png\",\"contentUrl\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/wp-content\\\/uploads\\\/2008\\\/01\\\/012708-1026-webpartwith12.png\",\"width\":670,\"height\":80},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#website\",\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/\",\"name\":\"Reza Alirezaei's Blog\",\"description\":\"Blogging from the field!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/#\\\/schema\\\/person\\\/cdbb24d283697a65951cb4a14e474938\",\"name\":\"Reza Alirezaei\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g\",\"caption\":\"Reza Alirezaei\"},\"url\":\"https:\\\/\\\/blogs.devhorizon.com\\\/reza\\\/author\\\/rezaa\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Part with Toolbar - Reza Alirezaei's Blog %","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/","twitter_misc":{"Written by":"Reza Alirezaei","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/#article","isPartOf":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/"},"author":{"name":"Reza Alirezaei","@id":"https:\/\/blogs.devhorizon.com\/reza\/#\/schema\/person\/cdbb24d283697a65951cb4a14e474938"},"headline":"Web Part with Toolbar","datePublished":"2008-01-27T10:25:35+00:00","dateModified":"2008-09-13T23:01:27+00:00","mainEntityOfPage":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/"},"wordCount":216,"commentCount":13,"image":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.devhorizon.com\/reza\/wp-content\/uploads\/2008\/01\/012708-1026-webpartwith12.png","articleSection":["MOSS 2007"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/","url":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/","name":"Web Part with Toolbar - Reza Alirezaei's Blog %","isPartOf":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/#primaryimage"},"image":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.devhorizon.com\/reza\/wp-content\/uploads\/2008\/01\/012708-1026-webpartwith12.png","datePublished":"2008-01-27T10:25:35+00:00","dateModified":"2008-09-13T23:01:27+00:00","author":{"@id":"https:\/\/blogs.devhorizon.com\/reza\/#\/schema\/person\/cdbb24d283697a65951cb4a14e474938"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blogs.devhorizon.com\/reza\/2008\/01\/27\/web-part-with-toolbar\/#primaryimage","url":"https:\/\/blogs.devhorizon.com\/reza\/wp-content\/uploads\/2008\/01\/012708-1026-webpartwith12.png","contentUrl":"https:\/\/blogs.devhorizon.com\/reza\/wp-content\/uploads\/2008\/01\/012708-1026-webpartwith12.png","width":670,"height":80},{"@type":"WebSite","@id":"https:\/\/blogs.devhorizon.com\/reza\/#website","url":"https:\/\/blogs.devhorizon.com\/reza\/","name":"Reza Alirezaei's Blog","description":"Blogging from the field!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.devhorizon.com\/reza\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blogs.devhorizon.com\/reza\/#\/schema\/person\/cdbb24d283697a65951cb4a14e474938","name":"Reza Alirezaei","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3ba940d84e0ecb909e62e93df4c56daf0395c7e53c914467ab2ee73124a7d7b6?s=96&d=mm&r=g","caption":"Reza Alirezaei"},"url":"https:\/\/blogs.devhorizon.com\/reza\/author\/rezaa\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts\/491","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/comments?post=491"}],"version-history":[{"count":0,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/posts\/491\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/media?parent=491"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/categories?post=491"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.devhorizon.com\/reza\/wp-json\/wp\/v2\/tags?post=491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}