WebControl with embedded stylesheet rendering at design time RSS

• • Reply
  •  
  

  ShadowLocke

  Member

  20 Points

  8 Posts

  Re: WebControl with embedded stylesheet rendering at design time

  Aug 01, 2008 02:21 PM|LINK

  hmm..so heres what i gather. This isnt going to be a fun task but i the only thing I can figure so far is actually running through the css yourself to find those webresource reference and replacing them with the return value of:

   

  Page.ClientScript.GetWebResourceUrl(this.GetType(), "Your.Resource.Path");
  

   

  Which apparently returns a url as "mvwres:your.resource.blah" which can viewed at design time. so if this doesnt help you, i would say try looking into what that mvwres is all about. I dont have any CSS files that contain image resources that need to be viewed at design time..my problem was actually with a static class that wrapped my resources for easy access was a null reference when in design time.

• • Reply
  •  
  

  JustinStolle

  Member

  17 Points

  9 Posts

  Re: WebControl with embedded stylesheet rendering at design time

  Aug 01, 2008 02:59 PM|LINK

  ShadowLocke

  the only thing I can figure so far is actually running through the css yourself to find those webresource reference and replacing them with the return value of:

   

  Page.ClientScript.GetWebResourceUrl(this.GetType(), "Your.Resource.Path");
  

   

  Which apparently returns a url as "mvwres:your.resource.blah" which can viewed at design time.

  
  
  This would be fine I think, but how can you get a reference to the current Page from within the ControlDesigner to execute that code?
  
• • Reply
  •  
  

  jkirkerx

  Contributor

  3733 Points

  866 Posts

  Re: WebControl with embedded stylesheet rendering at design time

  Aug 01, 2008 05:15 PM|LINK

  Congradulations on the success of solving the mystery.  I know many have been looking for a way to accomplish this task, and appreciate the anwser.  I will be implementing this now in my solutions.  Thank You!

  
  
• • Reply
  •  
  

  JustinStolle

  Member

  17 Points

  9 Posts

  Re: WebControl with embedded stylesheet rendering at design time

  Aug 01, 2008 10:24 PM|LINK

  I have a working solution to the embedded image in an embedded stylesheet problem, but I would appreciate any suggestions for improvement.  This does its own substitution of the CSS file in the Designer class for the IDE.  Transparency in PNGs don't work so far, however.  I'll post some of the code here, but a full example solution is available for download.  I'd love to hear comments on this.  Thank you!
  

  AssemblyInfo.cs (partial)
  

  // Styles
  
  [assembly: WebResource("GizmonicInstitute.WebControls.SampleControl.css", "text/css", PerformSubstitution = true)]
  
  
  
  // Images
  
  [assembly: WebResource("GizmonicInstitute.WebControls.cog.png", "image/png")]
  
  [assembly: WebResource("GizmonicInstitute.WebControls.inner_shadow.png", "image/png")]
  

  SampleControl.css
  

  .SampleControl_TextBox {
    padding: 4px 0 0 4px;
    height: 1.5em;
    border: solid 1px Black;
    background-color: Yellow;
    background-image: url('<%=WebResource("GizmonicInstitute.WebControls.inner_shadow.png")%>');
    background-repeat: no-repeat;
    background-position: left top;
  }
  
  .SampleControl_Button {
    width: 2em;
    height: 2em;
    border-width: 2px;
    background-color: #EAEAEA;
    background-image: url('<%=WebResource("GizmonicInstitute.WebControls.cog.png")%>');
    background-repeat: no-repeat;
    background-position: center center;
  }

  SampleControl.cs
  

  #region Using directives
  using System;
  using System.Collections.Generic;
  using System.ComponentModel;
  using System.Text;
  using System.Web;
  using System.Web.UI;
  using System.Web.UI.HtmlControls;
  using System.Web.UI.WebControls;
  #endregion
  
  namespace GizmonicInstitute.WebControls {
  
      [Designer(typeof(SampleControlDesigner))]
      [DefaultProperty("TextBoxText")]
      [ToolboxData("<{0}:SampleControl runat=server></{0}:SampleControl>")]
      public class SampleControl : CompositeControl {
  
          protected Label lblSample;
          protected TextBox txtSample;
          protected Button btnSample;
  
          [Bindable(true)]
          [Category("Appearance")]
          [DefaultValue("")]
          [Description("Gets or sets the text caption displayed in the Button control.")]
          public string LabelText {
              get {
                  object o = ViewState["LabelText"];
                  return (o == null) ? String.Empty : (string)o;
              }
              set {
                  ViewState["LabelText"] = value;
                  RecreateChildControls();
              }
          }
  
          [Bindable(true)]
          [Category("Appearance")]
          [DefaultValue("")]
          [Description("Gets or sets the text caption displayed in the Button control.")]
          public string TextBoxText {
              get {
                  object o = ViewState["TextBoxText"];
                  return (o == null) ? String.Empty : (string)o;
              }
              set {
                  ViewState["TextBoxText"] = value;
                  RecreateChildControls();
              }
          }
  
          [Bindable(true)]
          [Category("Appearance")]
          [DefaultValue("")]
          [Description("Gets or sets the text caption displayed in the Button control.")]
          public string ButtonText {
              get {
                  object o = ViewState["ButtonText"];
                  return (o == null) ? String.Empty : (string)o;
              }
              set {
                  ViewState["ButtonText"] = value;
                  RecreateChildControls();
              }
          }
  
          protected void btnSample_Click(Object sender, EventArgs e) {
              txtSample.Text = String.Format("Clicked at {0:h:mm:ss tt}", DateTime.Now );
          }
  
          protected override void CreateChildControls() {
              lblSample = new Label();
              txtSample = new TextBox();
              btnSample = new Button();
  
              lblSample.Text = this.LabelText;
              txtSample.Text = this.TextBoxText;
              btnSample.Text = this.ButtonText;
  
              txtSample.CssClass = "SampleControl_TextBox";
              btnSample.CssClass = "SampleControl_Button";
              btnSample.Click += new EventHandler(btnSample_Click);
  
              Controls.Add(lblSample);
              Controls.Add(txtSample);
              Controls.Add(btnSample);
          }
  
          protected override void OnPreRender(EventArgs e) {
              // Add embedded style sheet to parent page
              HtmlLink cssLink = new HtmlLink();
              cssLink.ID = "SampleControlCss";
              cssLink.Href = Page.ClientScript.GetWebResourceUrl(this.GetType(), "GizmonicInstitute.WebControls.SampleControl.css");
              cssLink.Attributes.Add("rel", "stylesheet");
              cssLink.Attributes.Add("type", "text/css");
              bool CssLinkAlreadyExists = false;
              foreach (Control headctrl in Page.Header.Controls) {
                  if (headctrl.ID == cssLink.ID) {
                      CssLinkAlreadyExists = true;
                      break;
                  }
              }
              if (!CssLinkAlreadyExists) {
                  Page.Header.Controls.AddAt(0, cssLink);
              }
          }
  
      }
  }
  

  SampleControlDesigner.cs
   

  #region Using directives
  using System;
  using System.Web.UI;
  using System.Text.RegularExpressions;
  #endregion
  
  namespace GizmonicInstitute.WebControls {
  
      public class SampleControlDesigner : System.Web.UI.Design.ControlDesigner {
          public override string GetDesignTimeHtml() {
              System.Reflection.Assembly l_asm = System.Reflection.Assembly.GetExecutingAssembly();
              System.IO.Stream l_css_res = l_asm.GetManifestResourceStream("GizmonicInstitute.WebControls.SampleControl.css");
              System.IO.StreamReader l_stream = new System.IO.StreamReader(l_css_res);
              string ls_css = l_stream.ReadToEnd();
  
              const string SUBSTITUTION_PATTERN = @"(<%=)\s*(WebResource\("")(?<resourceName>.+)\s*(""\)%>)";
              Regex theRegex = new Regex(SUBSTITUTION_PATTERN);
              ls_css = theRegex.Replace(ls_css, new MatchEvaluator(PerformSubstitution));
  
              return "<style>" + ls_css + "</style>" + base.GetDesignTimeHtml();
          }
  
          private string PerformSubstitution(Match m) {
              SampleControl thisWeightControl = (SampleControl)Component;
              string replacedString = m.ToString();
              replacedString = replacedString.Replace(m.Value, thisWeightControl.Page.ClientScript.GetWebResourceUrl(this.GetType(), m.Groups["resourceName"].Value));
              return replacedString;
          }
      }
  
  }
  

   
  

  Composite Control Design Time Resources

• • Reply
  •  
  

  samuelms

  Member

  4 Points

  2 Posts

  Re: WebControl with embedded stylesheet rendering at design time

  Feb 20, 2009 05:15 AM|LINK

   You are the MAN!!!  I have been trying to figure this out for over a year!

   

  Man...  relief...  *sigh*
  

  Sam
• • Reply
  •  
  

  JustinStolle

  Member

  17 Points

  9 Posts

  Re: WebControl with embedded stylesheet rendering at design time

  Feb 20, 2009 09:00 AM|LINK

  Thanks! It's only taken 6 1/2 months for someone to reply to my post! Hope it comes in handy for you -- let me know if you do anything cool with it.