Browser Scroll Bar Missing

[countryman]

Hey All,
I have created a flex3 application

http://jjcstudios.com/listing/conciergeListing.html

and I can not figure out why the browser (firefox-safari) is not showing scroll bars.

I have added the verticalScrollPolicy to Auto but I am looking for the default scroll bars for the browser.

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="100%" height="5800" verticalScrollPolicy="auto">

Let me know if anyone can point me in the right direction.

Thanks,
John

[drkstr]

body { margin: 0px; overflow:hidden }
This line in your html file cuts off anything needing to be scrolled to.


Best Regards,
~Aaron

[countryman]

Thanks DrkStr. That worked perfect

http://jjcstudios.com/listing/conciergeListing.html

That weird... does MXML have a max page length? Seems like the white canvas and background texture (it is definetly long enough) do not extend to bottom of page.

John

[drkstr]

I don't believe it does, but you may get strange behavior when you try to render so much space at once.

If I could make a recommendation, you may want to consider a design that is more memory friendly. I have a very fast computer and the page scrolling is choppy even for me.

Perhaps you could could shrink down the app to fit the page without scrolling at all. One way to do this is have a horizontal list of thumbnail sized previews of the list items going down the page. When you mouse over the thumbnail it could display the full item below it.

Perhaps your code could be optimized so your current design is pheasable on the majority of computers. It's hard to tell without seeing the code.


Best Regards,
~Aaron

[countryman]

Thanks Drkstr,
I thought of the same thing but since this is my first flex thing was doing it the easy way. By the way, I clipped this script for the email form and wanted to add the option for buttons and the drop down menu which will carry the values to a persons email.

This is what is on the mxml file

<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.ResultEvent

public function sendEmail( ):void
{
var senderName:String = senderName.text;
var senderEmail:String = senderEmail.text;
var phone:String = phone.text;
var teamOption:String = teamOption.text;
var teamName:String = teamName.text;
var binding:String = binding.text;
var quantity:String = quantity.text;
var editBlock1:String = editBlock1.text;
var editBlock2:String = editBlock2.text;
var editBlock3:String = editBlock3.text;
var editBlock4:String = editBlock4.text;
var editBlock5:String = editBlock5.text;
var editBlock6:String = editBlock6.text;
var editBlock7:String = editBlock7.text;
var editBlock8:String = editBlock8.text;
var editBlock9:String = editBlock9.text;
var editBlock10:String = editBlock10.text;
var editBlock11:String = editBlock11.text;
var editBlock12:String = editBlock12.text;

this.emailService.send({
senderName: senderName,
senderEmail:senderEmail,
phone: phone,
teamOption: teamOption,
teamName: teamName,
binding: binding,
quantity: quantity,
editBlock1: editBlock1,
editBlock2: editBlock2,
editBlock3: editBlock3,
editBlock4: editBlock4,
editBlock5: editBlock5,
editBlock6: editBlock7,
editBlock8: editBlock8,
editBlock9: editBlock9,
editBlock10: editBlock10,
editBlock11: editBlock11,
editBlock12: editBlock12});

}

public function emailResult():void
{
Alert.show("Your email has been send and someone will contact you within 24 hours.");
this.submitBtn.enabled = false;
}

]]>
</mx:Script>


This is the php code

<!--
<?php
$senderName = $_POST['senderName'];
$senderEmail = $_POST['senderEmail'];
$phone = $_POST['phone'];
$teamOption = $_POST['teamOption'];
$teamName = $_POST['teamName'];
$binding = $_POST['binding'];
$quantity = $_POST['quantity'];
$editBlock1 = $_POST['editBlock1'];
$editBlock2 = $_POST['editBlock2'];
$editBlock3 = $_POST['editBlock3'];
$editBlock4 = $_POST['editBlock4'];
$editBlock5 = $_POST['editBlock5'];
$editBlock6 = $_POST['editBlock6'];
$editBlock7 = $_POST['editBlock7'];
$editBlock8 = $_POST['editBlock8'];
$editBlock9 = $_POST['editBlock9'];
$editBlock10 = $_POST['editBlock10'];
$editBlock11 = $_POST['editBlock11'];
$editBlock12 = $_POST['editBlock12'];

$recipient = "john@jjcstudios.com";
$subject = "Concierge Listing Presentation";
$headers = "From: $senderEmail ";
$message =
"From: $senderName\n
Email Address: $senderEmail\n
Phone: $phone\n
Team Option: $teamOption\n
Team Name: $teamNam\n
Binding Option: $binding\n
Quantity: $quantity\n\n
------------------------------------------------\n\n
Front Page:\n$editBlock1\n
I Market:\n$editBlock2\n
Market Leadership & Coverage City Wide:\n$editBlock3\n
Sample Flyer Page1:\n$editBlock4\n
Sample Flyer Page2:\n$editBlock5\n
As an Executive Part1:\n$editBlock6\n
As an Executive Part2:\n$editBlock7\n
My Mission, My Qualifications:\n$editBlock8\n
My Personal Guarantee:\n$editBlock9\n
Name on Yard Sign:\n$editBlock10\n
Client Testimonials Page1:\n$editBlock11\n
Client Testimonials Page2:\n$editBlock12";


$message = StripSlashes($message);


mail($recipient, $subject, $message, $headers)
?>
-->


The whole thing can be downloaded here

http://jjcstudios.com/drkstr.zip

Thanks,
John