.PleaseWait (it's there but can't see it)

Rachel · December 27th, 2008, 03:38 PM

Hello:

I just got through page 330.

I can just barely see part of the "Please Wait" .gif in the DarkGrey theme working, but its mostly hidden behind the Wrox vertical banner on the right of the page that we created in an earlier chapter. I can't see the gif at all in the monochrome theme. Its all hidden behind that banner. I know I could remove the banner but I should know how to change these progress gifs to another part of the page.

edit: On the monochrome theme, its on the extra white part of the page, behind the right sidebar. On the DarkGrey, its off the the dark grey background, partially hidden by the right sidebar.

Thanks,

Rachel

Imar · December 27th, 2008, 07:18 PM

Sounds like a positioning issue. Did you apply the same CSS class and the same CSS selectors as used in the book? And are you using the exact same HTML and classes as the book assumes?

Does the sample code that you can download look alright?

Imar

Rachel · December 28th, 2008, 12:22 AM

Hi Imar:

After searching every bit of my code and re-tracing my steps, I just couldn't find anything out of place. So I just deleted the control and re-did the exercise. This time, the "Please wait" .gif displayed in the lower left corner like the books' image.

I think maybe last time, I messed up something by playing with the columns and settings on the table trying to get the red stars to display. I apparently got something out of whack.

The only thing I did different this time was I didn't mess with the table, and when I added the controls to the far right cell, rather than put them next to each other, I put them underneath each other, so that last cell wouldn't be so wide.

Is it normal for the design view to be blank in the Contact control after you've created it and completed the coding? I could see the table and controls there before, but after finishing with the master page mark up and saving it, the design view of the "ContactForm.ascx" went all blank - plain white. (I can still view the mark up.)

edit:
I was also wondering about something in this part of the code under the ContactForm control:

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="PleaseWait">
Please Wait...
</div>
</ProgressTemplate>
</asp:UpdateProgress>

My code works (or seems to) the way its supposed to, but under that part, there is a green squiggly line under "PleaseWait" and when I put my cursor on it, the tool tip states:
"The Class or CssClass value is not defined"

But I do have it under the two app_themes style sheets at the bottom as instructed as so:

.PleaseWait
{
height: 32px;
width: 500px;
background-image: url(Images/PleaseWait.gif);
background-repeat: no-repeat;
padding-left: 40px;
line-height: 32px;

}

Thanks,

Rachel

Imar · December 28th, 2008, 06:58 AM

Hi Rachel,

It can't find PleaseWait as it is defined in the App_Themes folder. It doesn't know until run-time which style is going to be appled.

With regards to the screen going blank: this is a known bug in VWD. For more info:

Chapter 10 - Ajax try it out
http://blogs.msdn.com/webdevtools/ar...-controls.aspx

Cheers,

Imar

Rachel · December 28th, 2008, 12:51 PM

Thanks, that did it.
I cut out:

<style type="text/css">
.style1
{
width: 100%;
}
</style>

Rachel