I am in need of some serious assistance. Here's what I have...
I am developing a module for my site that allows users to view reviews on restaurants. Nothing simple there just a datalist that is databound in the code-behind.
Below that I have a button that the user will click and it allows them to add their own review. The form itself is the following:
Rate Your Experience
Service:
CurrentRating="2"
MaxRating="5"
PlateCssClass="ratingPlate"
WaitingPlateCssClass="savedRatingPlate"
FilledPlateCssClass="filledRatingPlate"
EmptyPlateCssClass="emptyRatingPlate"
OnChanged="Rating_Changed"
style="float: left;" />
Quality/Taste:
CurrentRating="2"
MaxRating="5"
PlateCssClass="ratingPlate"
WaitingPlateCssClass="savedRatingPlate"
FilledPlateCssClass="filledRatingPlate"
EmptyPlateCssClass="emptyRatingPlate"
OnChanged="Rating_Changed"
style="float: left;" />
Atmosphere:
CurrentRating="2"
MaxRating="5"
PlateCssClass="ratingPlate"
WaitingPlateCssClass="savedRatingPlate"
FilledPlateCssClass="filledRatingPlate"
EmptyPlateCssClass="emptyRatingPlate"
OnChanged="Rating_Changed"
style="float: left;" />
Cleanliness:
CurrentRating="2"
MaxRating="5"
PlateCssClass="ratingPlate"
WaitingPlateCssClass="savedRatingPlate"
FilledPlateCssClass="filledRatingPlate"
EmptyPlateCssClass="emptyRatingPlate"
OnChanged="Rating_Changed"
style="float: left;" />
Speed:
CurrentRating="2"
MaxRating="5"
PlateCssClass="ratingPlate"
WaitingPlateCssClass="savedRatingPlate"
FilledPlateCssClass="filledRatingPlate"
EmptyPlateCssClass="emptyRatingPlate"
OnChanged="Rating_Changed"
style="float: left;" />
Overall:
CurrentRating="2"
MaxRating="5"
PlateCssClass="ratingPlate"
WaitingPlateCssClass="savedRatingPlate"
FilledPlateCssClass="filledRatingPlate"
EmptyPlateCssClass="emptyRatingPlate"
OnChanged="Rating_Changed"
style="float: left;" />
Comments (Optional):
Height="83px" Font-Size="8pt" TextMode="MultiLine" Font-Names="Trebuchet MS" />
TargetControlID="txtName"
WatermarkText="Type Name Here"
WatermarkCssClass="watermarked" />
TargetControlID="txtEmail"
WatermarkText="Type E-Mail Here"
WatermarkCssClass="watermarked" />
TargetControlID="txtComments"
WatermarkText="Type Unlimited Comments Here"
WatermarkCssClass="watermarked" />
Now, you can see it's using ajax to to the Rating control and the textbox watermark. The next step I wanted to do was to put this in a panel and then use the ModalPopupExtender and be able to make this form appear when the user clicks the Add Review button on the page. Here's what I put as my code and it acted really funny. The panel DID disappear and reappear but it wasn't centered and the page became about 350000 x 450000 and when I scrolled through the page, it's like it got even bigger. Also, the background css that I specified was gray on the rest of the page. Not where the popup was:
TargetControlID="cmdAdd"
PopupControlID="pnlPopup"
BackgroundCssClass="modalBackground"
DropShadow="false"
OkControlID="cmdSave"
CancelControlID="cmdCancel" />
So, when I execute this code, here is the page when it renders before I click the button:
And this is what it looks like after I click the Add Review button:
Notice how there are now scroll bars (they never end by the way, if you scroll down, it goes farther). Anychance someone knows what i'm doing wrong here?
Thanks,
Keith