Make the form to use the entire page

Scriptcase 8 Discussion
#21

passed 100+ hours bro, hope it worth it afterall, what i got so far is little outcome and lots of walls hitting :smiley:

#22

As Vi from League of Legends says… “If you find a wall… Punch it down” =P

lol

#23

[QUOTE=kafecadm;32611]oh well:

in the onLoad event of the form i added code like this:


echo "
<style>
	html{ width:100%; height:100vh; }
	body{ width:100%; height:100%; }
	//form[name=F1]{ top 60px; width:100%; height:100%; }
	#div_hidden_bloco_0 { height:23px }
	#main_table_form{
		width:100%;
		height:100%;
	}
	.scFormPage{
		width:100%;
		height:100%;
	}
	#hidden_field_data_rack { height:100vh; }
	

</style>";

I analyzed the html that scriptcase generated and created a CSS according to my needs.

Hope this helps

Regards[/QUOTE]

I just tried your code and while the width setting is honored (just as it is when the SC option is used), the height of the form is not changed at all.

#24

Did you change the #HTML_ID’s to your relevant ID’s? If so be a cheatsy hobbit and just put !important after height:100vh/100%.

#25

Ok, using

#main_table_form{ 

    width:100%; 
    height:100vh; 
}

does the trick.

But all form content is equally spaced vertically and what I really need the vertical space for is to show the content of a detail form within the master form.
Is there any way to vertically enlarge a detail form?

#26

Is there any way to vertically enlarge a detail form?

Got it: the Detail iframe height must not be set as % value.

#27

@hoihoi661

sorry, reading your post now.
it doesn’t seem to be necessary (see my previous posts)