CodeCharge Studio
search Register Login  

Visual Web Reporting

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

YesSoftware Forums -> CodeCharge Studio -> IDE/GUI

 Lining Up 2 Forms on One Page

Print topic Send  topic

Author Message
michaelwpayton

Posts: 18
Posted: 03/22/2007, 1:43 PM

Newbie question here, as if that won't be apparent.

I'm having trouble simply placing two Forms, side-by-side, on a single Page. The IDE seems to want to "stack" the Forms, one on top of the other. It also seems to want each Form to the same width, and that width is the entire workarea.

Any hints or pointers to the documentation I need to study will be greatly appreciated.

Thanks!
View profile  Send private message
wkempees
Posted: 03/22/2007, 2:11 PM

In Design mode, looking at your Page containing the tho 'stacked' Forms
Place cursor in top left corner or at least before the First Form.
From the menu click the Table Create button, choose (at least) 1 row 2 cell.
It will display a table like glyph.
Now using the mouse select first form and drag it into the left cell, then
select the next form and drag it into the second cell.

That's all folks

Can be done in HTML mode as well........

Walter

michaelwpayton

Posts: 18
Posted: 03/22/2007, 3:44 PM

Thanks, I have the three Forms, side-by-side, on a single Page!

Now, I have new challenge.

Each Form is a Grid, consisting of a single field, from a single record. I need the Page to end up looking like a "typical" 3 column Web page. I'm getting close, but the first col is a little wider than second and third, which are the same size. Also, all together, the three cols do not fill out my browser window.

I've played with different combos of width settings, table, td, tr, etc... but I can't get all three cols the same width and the sum of all three cols to fill out my browser window.

Any help would be appreciated.
View profile  Send private message
wkempees


Posts: 1679
Posted: 03/22/2007, 3:54 PM

This is the HTML Table challenge.
Basically you need to know a few things, and CCS supports this, as I made them implement it during the CCS3 Beta period:

<table width="100%"> will fill the screen, you could also use 98% and align="center" or any other size you like.
<tr> will define the row
<td></td> will define the cell
But you know this of course
Now to make three same width colums, I would use width= "33%" for each <td>
defining a 3 columnar table, sizing itself according to the browser width.
Also this will work:
<td width="200px"> </td><td width="200px"> </td><td width="200px"> </td><td width="*"> </td>
The "*" will eat up the remaining space within the table
normaly used in a 200,*,200 combination to set the left and right column to fixed width and vary the center column.
Oh well, so many methods and possibilities


But you must also study the BOX model of tables, there are various other parameters to make up a near-perfect model.

Walter

_________________
Origin: NL, T:GMT+1 (Forumtime +9)
CCS3/4.01.006 PhP, MySQL .Net/InMotion(Vista/XP, XAMPP)

if you liked this info PAYPAL me: http://donate.consultair.eu
View profile  Send private message
wkempees
Posted: 03/22/2007, 4:07 PM

  
  
  
<table width="100%">  
<tr><td align="center">  
    <table width="98%">  
    <tr>  
    <td width="33%" align="left|center|right"> your 1st grid/form   
here</td>  
    <td width="33%" align="left|center|right"> your 2nd grid/form   
here</td>  
    <td width="33%" align="left|center|right"> your 3rd grid/form   
here</td>  
    <tr>  
<table>  
</td></tr>  
</table>  

assumptions:
your grids are of equal width, or at least the widest fits within the
column!
  non blanking space to cater for empty columns.

Walter

michaelwpayton

Posts: 18
Posted: 03/23/2007, 4:51 AM

Thanks guys. Hopefully I will be able to contribute to, rather than just take from, this forum one day.
View profile  Send private message

Add new topic Subscribe to topic   


These are Community Forums for users to exchange information.
If you would like to obtain technical product help please visit http://support.yessoftware.com.

PHP Reports

Visually create Web Reports in PHP, ASP, .NET, Java, Perl and ColdFusion.
CodeCharge.com

Home   |    Search   |    Members   |    Register   |    Login


Powered by UltraApps Forum created with CodeCharge Studio
Copyright 2003-2004 by UltraApps.com  and YesSoftware, Inc.