Header.ascx help : The Official Microsoft ASP.NET Forums

Reply

Header.ascx help

Nov 30, 2008 04:58 AM|LINK

I have an application that uses ascx files for layout.

The header has 3 controls (login,search, and lanquage selector)

I wanted to do a text to image replacement with a background image and have my controls laying on top. Each attempt I have made however the image didn't show up. Anyone have a format that I can use?

Moved by jimmy q on Nov 30, 2008 05:29 AM

Reply

Re: Header.ascx help

Dec 03, 2008 09:12 AM|LINK

Hi,

Based on my understanding, you locate the user control on the top of an image and still want to make the image visible.

To address the issue, we can expose a public property which can set the CssClass property of the elements of the user control. Then, on the host page, we can use CSS to make the user control transparent.

e.g:

WebUserControl1.ascx:

<%@ Control Language="C#"  ClassName="MyUserControl" %>
<%@ Import Namespace="System.Data" %>


<script runat="server">
    

    public string MyStyle
    {
       

        set
        {
            lbListBox.CssClass = value;
            Button1.CssClass = value;
        }
    }
   

    protected void Page_Load(object sender, EventArgs e)
    {
       

    }
</script>




 <asp:ListBox ID="lbListBox" runat="server">
    <asp:ListItem>1</asp:ListItem>
      <asp:ListItem>2</asp:ListItem>
      <asp:ListItem>3</asp:ListItem>
    </asp:ListBox>


<asp:Button ID="Button1" runat="server" Text="Button" />

test.page:

<%@ Page Language="C#" AutoEventWireup="True" %>

<%@ Register src="WebUserControl1.ascx" tagname="WebUserControl1" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  >
<head>
    <title>HtmlInputHidden Sample</title>
    <style type="text/css">
    .transparent
    {
    	filter:alpha(opacity=40);
        opacity:0.4;
        position:absolute;
    } 
    </style>
<script language="C#" runat="server">

     
    protected void Page_Load(object sender, EventArgs e)
    {
        WebUserControl11.MyStyle="transparent";
    }
</script>

</head>

<body>

   <form id="form1" runat="server">

     <uc1:WebUserControl1 ID="WebUserControl11" runat="server"  />
     <img src="myimage.jpg" alt="Image" 
          style="position:absolute; top: 16px; left: 11px; z-index:-100"  />
      </form>
</body>
</html>

Forward Sun
Microsoft Online Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Marked as answer by Forward Sun - MSFT on Dec 04, 2008 10:54 AM

Reply

ukr

Participant

822 Points

157 Posts

Re: Header.ascx help

Dec 03, 2008 10:02 AM|LINK

Hello
Do you want to replace the text with images in the User Controls?

If so, then take the values of the text to be printed on the labels and and give the id for the image to be shown so that it will be made visible and the label can be set visible as false which meets your requirement...

Hope this helps...

else can you paste the layout or requirement in more details so that it can be resolved quickly..?

ukr

Mark this as Answer if it helps you, As some other might get the solution quickly...!

Reply

brokensaber

Member

101 Points

113 Posts

Re: Header.ascx help

Dec 04, 2008 11:18 PM|LINK

Well first of all let me show you what I am working with. I have a pro version of VevoCart. It is an asp.net storefront and I have it upgraded to 3.5. I am dealing with the default template and want something more professional looking. This is the demo store http://pro.vevocart.com/

As a store owner I am concerned about SEO, and was thinking of using a h1 tag and using the image replacement for it.

Header.ascx help RSS

3 replies

brokensaber

Header.ascx help

Forward Sun ...

Re: Header.ascx help

ukr

Re: Header.ascx help

brokensaber

Re: Header.ascx help

This site is managed for Microsoft by Neudesic, LLC. | © 2013 Microsoft. All rights reserved.

Follow Us On:

Microsoft