Solved

An element does not appear on webpage, but I see it in design page

Posted on 2014-01-09
17
291 Views
Last Modified: 2014-01-09
In this image below, you'll see that the code for the SiteMapPath is called right after the page header in this master page. But when the page renders as a web page, it is missing this SiteMapPath control. Can you work with me to troubleshoot this?
code and design view
0
Comment
Question by:jeffleese
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 9
  • 6
  • 2
17 Comments
 
LVL 19

Expert Comment

by:Rikin Shah
ID: 39767548
Hi,

Make sure you have cleared all the cache from the browser.
0
 

Author Comment

by:jeffleese
ID: 39767568
How to do that? In current IE, internet options > browsing history settings > Caches and Databases I tried turning that off, restarting IE and then on again. It had no effect as I recompiled to see local IE page, and missing control at all times.

If there is something else to do to clear cache, please remind me.
0
 
LVL 19

Expert Comment

by:Rikin Shah
ID: 39767591
Hi,

Try Resetting the IE settings, this will do the necessary things. Go to Tools -> Options -> Advanced Tab and Click on Reset button.

I also would like to see that control out of the table/td, without any parent elements to see if it is not being hidden inside the table.

Have you tried <br> tag after div tag completes?
0
Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

 
LVL 29

Expert Comment

by:Paul Jackson
ID: 39767595
Have you created a web.sitemap file and placed it in the root of your solution
0
 

Author Comment

by:jeffleese
ID: 39767615
Reset did not do it.
Now to focus on isolating. You want to try to put control out of the table.

Not sure if this is correct, but I tried as
<body class="page">
<form id="form1" runat="server" >
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
<div class = "pageheader" >Depth by Distance
</div><br />
     <asp:SiteMapPath ID="SiteMapPath1" runat="server" CssClass="path">
            </asp:SiteMapPath>
<table width="100%" >

Open in new window


But still nothing. Was this the step you wanted?
0
 

Author Comment

by:jeffleese
ID: 39767632
Paul,

I did not have a web.sitemap file in the solution root.

I used a file called desktop.sitemap file in a folder called desktop, which is used for making the tree on this masterpage.  

As a way to test your suggestion, I copied it and placed it at the root of the solution, renaming it web.sitemap. It contains an xml sitemap file with the sitmapnodes of the site.

But having it there had no effect.

Incidentally, this used to work before, but I've no idea what's preventing it working now.
0
 
LVL 19

Expert Comment

by:Rikin Shah
ID: 39767641
Hi,

Yes. This is what I wanted to be.

Please confirm if you have all the files available in the directory to the links mentioned in the sitemap file. If the files are not available then the control will not show anything on it.
0
 
LVL 29

Expert Comment

by:Paul Jackson
ID: 39767655
Ensure that the page you are trying to show the control on is listed in the web.sitemap file. The sitemap control will not be shown on pages that are not listed in the web.sitemap file.
0
 

Author Comment

by:jeffleese
ID: 39767664
Rikin, I checked all the sitemapnodes, and each points to a file I confirmed exists.

I checked that the default start page is listed in this sitemap file.

Thank you for trying and your good troubleshooting ideas.
0
 

Author Comment

by:jeffleese
ID: 39767702
I furthered the isolation with:
         test<asp:SiteMapPath ID="SiteMapPath1" runat="server" CssClass="path" >

Open in new window


This showed the test text. Then I removed the CssClass="path" and then the path appeared.

So, something is wrong with the linking to the CssClass path info.

As I show in the top image, I am calling the css file as
    <link runat="server" href="./App_Themes/rosy/screen.css" media="screen" rel="Stylesheet" />

Open in new window


In that file, I have the .path style ok.


In web.config I use     <pages theme="rosy" /> which I think is for accessing the App_themes \ rosy folder where the stylesheets are.

When I comment out that line, then I get the SiteMapPath control, but I loose the web styles. I'm not sure where to isolate the problem yet, but it has something to do with the theming I think.
0
 
LVL 19

Expert Comment

by:Rikin Shah
ID: 39767713
Hi,

What is there in the Path class?
0
 

Author Comment

by:jeffleese
ID: 39767717
.path
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: small;
        color: #7467AD;
        background-color: Transparent;

    }

Open in new window

0
 
LVL 19

Expert Comment

by:Rikin Shah
ID: 39767733
Hi,

I don't see any issues in this. Can you check assigning the same class to some other control and check in IE debug mode if the element does not get any inherited properties and text goes hidden/transparent.
0
 

Author Comment

by:jeffleese
ID: 39767753
<td style="width: 66%; " >
         test<asp:SiteMapPath ID="SiteMapPath1" runat="server" CssClass="path" >
            </asp:SiteMapPath>

            <asp:Label ID="Label1" runat="server" Text="test2" CssClass="path"></asp:Label>
        </td>

Open in new window


With this other control, the CssClass="path" also makes the label go hidden, and the label appears if I remove it.
Here's what I see in IE in developer mode. Is that what you wanted to see?

developer mode
0
 
LVL 19

Accepted Solution

by:
Rikin Shah earned 500 total points
ID: 39767783
Hi,

Check this and see if there are multiple classes on that control?
http://msdn.microsoft.com/en-us/library/dd565627(v=vs.85).aspx
0
 

Author Comment

by:jeffleese
ID: 39770283
Rikin,
I'm going to accept this as full answer, because you assisted me to troubleshoot and clarify the scope of the problem. We did not solve it, and I am going to pursue the next step with an MSDN support staff if possible. You can see my summary of the problem at css hides control
0
 

Author Closing Comment

by:jeffleese
ID: 39770285
Not a solution, but suitable as concluding the exercise of troubleshooting.
0

Featured Post

Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Just a quick little trick I learned recently.  Now that I'm using jQuery with abandon in my asp.net applications, I have grown tired of the following syntax:      (CODE) I suppose it just offends my sense of decency to put inline VBScript on a…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
In this video, viewers are given an introduction to using the Windows 10 Snipping Tool, how to quickly locate it when it's needed and also how make it always available with a single click of a mouse button, by pinning it to the Desktop Task Bar. Int…
In this video you will find out how to export Office 365 mailboxes using the built in eDiscovery tool. Bear in mind that although this method might be useful in some cases, using PST files as Office 365 backup is troublesome in a long run (more on t…

617 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question