Verticle Aligning a Form Within a Table

I got a form code for our hotel reservations from the
company, I'm trying to vertically align it in the middle of a
table. I have no problem aligning it center horizontally. I only
know minimal html and would greatly appreciate anyone who can help!
I've attached the code to look at.

What 'vertical alignment' are you hoping to achieve?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"nowherecreative" <[email protected]> wrote
in message
news:[email protected]...
>I got a form code for our hotel reservations from the
company, I'm trying
>to
> vertically align it in the middle of a table. I have no
problem aligning
> it
> center horizontally. I only know minimal html and would
greatly appreciate
> anyone who can help! I've attached the code to look at.
>
> <body>
> <table width="800" cellspacing="0"
cellpadding="0">
> <tr>
> <td height="40" align="center" valign="middle"
bgcolor="#99CCFF">
> <form
action="https://reservations.ihotelier.com/istay.cfm"
method="get">
> <input type="hidden" name="HotelID" value="####"
/>
> <input type="hidden" name="LanguageID" value="#"
/>
> <input type="hidden" name="Rooms" value="1" />
> <font color="#FFFFFF" size="2" face="Palatino
Linotype">Check-In
> Date:</font>
> <input name="DateIn" type="text" size="8" />
> <font color="#FFFFFF" size="2" face="Palatino
> Linotype">Nights:</font>
> <select name="Length">
> <option value="1"
selected="selected">1</option>
> <option value="2">2</option>
> <option value="3">3</option>
> <option value="4">4</option>
> <option value="5">5</option>
> <option value="6">6</option>
> <option value="7">7</option>
> <option value="8">8</option>
> <option value="9">9</option>
> <option value="10">10</option>
> </select>
> <font color="#FFFFFF" size="2" face="Palatino
> Linotype">Adults:</font>
> <select name="Adults">
> <option value="1"
selected="selected">1</option>
> <option value="2">2</option>
> <option value="3">3</option>
> <option value="4">4</option>
> </select>
> <font color="#FFFFFF" size="2" face="Palatino
Linotype">
> Children:</font>
> <select name="Children">
> <option value="0"
selected="selected">0</option>
> <option value="1">1</option>
> <option value="2">2</option>
> <option value="3">3</option>
> <option value="4">4</option>
> </select>
> <input name="submit" type="submit" value="Submit"
/>
> </form></td>
> </tr>
> </table>
> </body>
>

Similar Messages

How to define form within a table with two columns?

Hallo,
i want to design a form with two columns side by side.
My way is to define a table within the form:
<af:panelForm>
<afh:tableLayout width="100%">
<afh:rowLayout halign="left">
<af:inputText value="#{bindings.StsNr.inputValue}"
label="#{bindings.StsNr.label}"
required="#{bindings.StsNr.mandatory}"
columns="#{bindings.StsNr.displayWidth}"
readOnly="true">
<af:validator binding="#{bindings.StsNr.validator}"/>
<f:convertNumber groupingUsed="false"
pattern="#{bindings.StsNr.format}"/>
</af:inputText>
<af:selectOneChoice value="#{bindings.StammsaetzeStsEmpfangsart.inputValue}"
label="#{bindings.StammsaetzeStsEmpfangsart.label}"
tip="Brief, Fax, Mail">
<f:selectItems value="#{bindings.StammsaetzeStsEmpfangsart.items}"/>
</af:selectOneChoice>
</afh:rowLayout>
</afh:tableLayout>
</af:panelForm>
Is there a better way to do it?

Hi reiasmus ,
Try <af:panelForm row="X">, that specifies the number of fields by columns. If you have ten fields and you fix row="5", you will obtain two columns with 5 rows on each.
Regards,
Tif

Table/Form within a Table cell

Hello,
I have a requirement to represent list within a list. For this the UI which is required is attached. What is the possibility of achieving this?
Regards,
Dhanya

I've tried the following in the
advanced properties but with no success.
<?if:number(EMPID)>6?>
<xsl:attribute
xdofo:ctx="block" name="text-align">center
</xsl:attribute>
<?end if?>
Change the attribute to the following and the formatting works.
<?if:number(EMPID)>6?>
<xsl:attribute
xdofo:ctx="block" name="background-color">red
</xsl:attribute>
<?end if?>
I'm previewing in PDF.
If anyone has any ideas they would be greatly appreciated.
Thankyou
John.

CSS Aligning a form

I am having some serious issues vertically aligning a form. I have to use this form, it was given to me by the company I work for. I am new to CSS and can't seem to get this to align appropriately. If you look at the website you will instantly see what I am talking about, with the form by the graphic that says "Check Availability"
http://www.colonybeachresort.com/re-design/
If anyone can help, that would be great! I've attached the css used too.

nowherecreative wrote:
My specific question is ... what is the best way to go about vertically aligning a form within a div? I need each form element to line up with the "check availability" text. At one point I did have IDs assigned to the form elements, but then I was told from someone not to do that. I will try it again and see if I can somehow get it working. Thank you for your help
Probably best to use a simple table as you can align vertically in a table cell whereas a css/<div> combination can't do that. Well I say can'tdo it - you can get away with one line of simple text in a <div> using line-height; but you have form elements and images.
You can try and shift elements into position by giving them a padding or margin or a combination of both. However in my expience forms are a bugger to line up correctly using css.
For starters you can zero out the default margin on the form tag
form {
margin: 0;
padding: 0;
Then push it down a bit to line up with the 'check availability' background image by adding some top padding:
form {
margin: 0;
padding: 10px 0 0 0;
You could then try and push the two image 'calendar' and 'submit' down as well;
form img {
padding-top: 10px;
However I found that this shifted the form fields down as well, at which point I gave up lol
I would have at that stage used a simple table and put each element (including 'check availability' in its own cell and set the vertical align to middle.

How do I get decimal alignment for Pages on my iPad WITHIN a table?

I'm working with Pages on my iPad and I understand how to double-tap the ruler to enable decimal alignment within text. But how does one decimal align within a column WITHIN a table cell?

Did you purchase the app on your iPad, or through iTunes on your computer? If you downloaded directly to your iPad, the icon likely loaded onto a different page. On your home screen, swipe your finger to the left and keep doing that until you find the page the App went to. Once you see it and you want to move it to hour home screen, hold your finger on the App until it jiggles. Then while holding the App slide to the left edge of the page and it will move to the next page back and so on and so on......

Need help in alignment a form

Hello,
I am new in writing HTML code. I need help to align my Form
and it's text.
Please view my code and please show me how to align all the
square boxes (the square box is where the user type the text
input). Currently I have 2 boxes but they are not aligned. The
below is my code:
<FORM name="input" method="get" >
PROJECTROOT: <INPUT TYPE=TEXT SIZE=50 NAME=proj_root>
<br>
FRONTEND: <INPUT TYPE=TEXT SIZE=50 NAME=frontend>
<br>>
<BR>
<INPUT TYPE=SUBMIT VALUE=Submit onclick="save()">
<BR>
</FORM>
Would you please help.
Thank you very much
Goober35

<form name="input" method="get" action=""> 
<table cellspacing="0" cellpadding="0" border="0"
width="300">
<tr>
<td><label for="proj_root">PROJECTROOT:
</label></td>
<td><input type="text" size="50" name="proj_root"
id="proj_root"></td>
</tr>
<tr>
<td><label for="frontend">FRONTEND:
</label></td>
<td><input type="text" size="50" name="frontend"
id="frontend"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit"
name="submit"
id="submit" value="Submit" onclick="save()"></td>
</tr>
</table>
</form>
(your form needs an action attribute value)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"goober35" <[email protected]> wrote in
message
news:gcjmlh$p42$[email protected]..
> Hello,
> I am new in writing HTML code. I need help to align my
Form and it's text.
> Please view my code and please show me how to align all
the square boxes
> (the
> square box is where the user type the text input).
Currently I have 2
> boxes but
> they are not aligned. The below is my code:
>
> <FORM name="input" method="get" >
> PROJECTROOT: <INPUT TYPE=TEXT SIZE=50
NAME=proj_root> <br>
> FRONTEND: <INPUT TYPE=TEXT SIZE=50 NAME=frontend>
<br>>
> <BR>
> <INPUT TYPE=SUBMIT VALUE=Submit onclick="save()">
<BR>
>
> </FORM>
>
>
> Would you please help.
>
> Thank you very much
> Goober35
>
>
> <FORM name="input" method="get" >
> PROJECTROOT: <INPUT TYPE=TEXT SIZE=50
NAME=proj_root> <br>
> FRONTEND: <INPUT TYPE=TEXT SIZE=50 NAME=frontend>
<br>>
> <BR>
> <INPUT TYPE=SUBMIT VALUE=Submit onclick="save()">
<BR>
>
> </FORM>
>

Create a drop down list in a cell within a table ?

Is there a way to create a drop down list in a cell within a table ? Like the way it can be done in ms word or excell ? I dont mean an interactive pdf/form. I want to create a table in indesign which has drop down lists other people can use to populate a table quickly.

Not possible. InDesign isn't designed to be form-filling software. At best, it can create fields which can be passed on to a PDF file, which usually further has to be edited in Acrobat Pro.

Spry Tabbed Panels - Forms within Panels

Any thoughs on how to place updatable Forms within Tabbed
Panels. I thought it might be interesting to try to use the Spry
Tabbed Panels to allow Updating specific areas of a database using
each tab to update specific fields of a table. When doing this
using the Update server behavior I create all sorts of variable
issues.
Anybody have thoughts on this... or an alternate method to
create the same effect?

Hi Gramps-
Were you able to use the widget in Firefox? For me, it just displays of the panels, one on top of the other and no tabs. Maybe my browser's broken (that would be the best case scenario). I'll start there.
Thanks!
Dianne

Slide Effect within a Table

I'm trying to add a simple Spry slide effect to some text on
one of my web sites, however the text dissapears in IE7. I've
managed to cut it down to the most basic code where the problem
occurs and it turns out to be a table cell. I took the slide
example and cut it down until it doesn't work. I'm referencing the
css and js that comes with the spry 1.6 prerelease build. This code
works fine in Firefox. If you remove the table tags, it also works
in IE7. However, with the table tags present, the text doesn't show
up at all in IE7 (although the background color does slide up and
down). I'd like to be able to keep the table tags in my actual site
because it helps to keep the shape of the page. I can't believe
know one else has run into this issue, but I haven't found anything
online. If you have any tips, please let me know. Otherwise,
consider this a bug report.
Here's the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Spry Slide Effects Sample</title>
<link href="../../css/samples.css" rel="stylesheet"
type="text/css" />
<script src="../../includes/SpryEffects.js"
type="text/javascript"></script>
<style type="text/css">
.animationContainer{
height: 220px;
.demoDiv{
background-color: #CCC;
height: 200px;
overflow: hidden;
.hideInitially{
visibility: hidden;
</style>
</head>
<body>
<table><tr><td>
<form method="get" action="grow_sample.html">
<input type="button" onclick="slide_hidden.start();"
value="Slide Example" />
</form>
<div class="animationContainer">
<div class="demoDiv hideInitially" id="example5">
<p><strong>Example - Slide from 0% to 100% in 2
seconds</strong>
<br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et
justo duo dolores et ea rebum. Stet clita kasd gubergren, no
sea takimata sanctus est Lorem ipsum dolor sit
amet.</p></div>
</div>
<script type="text/javascript">
var slide_hidden = new Spry.Effect.Slide('example5',
{duration: 500, from: '0%', to: '100%', toggle:true});
</script>
</td></tr></table>
</body>
</html>

I am also having this problem. I've written a custom JSF
component that could technically be used in all sorts of situations
within an HTML page. During the initial component development, the
case of adding the component within a table on IE was never tested.
Only later when some other developer was reusing the component in
another project did the Slide effect within a table in IE issue
crop up. As it's a JSF component, there really isn't a very elegant
way to move the javascript to another location within the HTML page
and a previous poster pointed out. Help!

How to get names of INCLUDE or FORM within included forms

Hello,
I want to get names of Include program and included form within included forms.
I tried SY-REPID or SY-CPROG but these two SYST variables return the name of report program that performs the form, not the name of Include or form.
Please give me any advice about how to get names of include / included form.
thanks and regards,
Hozy

You can use the statement
READ REPORT <Report name> into itab
to read the source code into an internal table.
Later you can use the "Contains Pattern" operator to get the statements that you need.

Referencing rows within a table

Hi all,
I don't know if this has been brought up before, and believe me I have looked, but here goes... I have a table with many tens of rows. Cell 1 of those rows is a checkbox with the exit event scripted as (formcalc)
if
(this.rawValue == "1") then
form1.Main_Subform.GeneralTable.Row1.presence
= "visible"
else form1.Main_Subform.GeneralTable.Row1.presence = "hidden"
endif
What I want to do is not have to put the above script in each event of each checkbox. So is there a way of referencing all the checkboxes at once and having the same result of making the associated row go hidden if not checked?
Also, I have a reset button for the form that I want to be able to reset all row presences to visible when clicked. I should mention here that the form has several tables all with checkboxes in cell one and all with add buttons that addInstances at the bottom of the tables that I do not want reset with the reset button. In short, the tables list controlled documents that need to be reviewed annually and that because of the sheer volume of them will need to be parsed out, and the parsing may or may not be entire tables and the tables need to be able to be added to. Here is what I have regarding the reset of the presences of the rows (I have only just begun):
xfa.host.resetData();
form1.Main_Subform.GeneralTable.Row1.presence
= "visible";form1.Main_Subform.GeneralTable.Row2.presence
= "visible";form1.Main_Subform.GeneralTable.Row3.presence
= "visible";form1.Main_Subform.GeneralTable.Row4.presence
= "visible";
So my question regarding the reset button is... Is there a way of resetting the presences of all rows within either all tables or each table without listing each and every row individually within the click event of the reset button?
Thank you all in advance. -rpeterson

Hi,
You can add one more button to your form. On click event of this button you can put script, which will loop througth all rows of your table and check checkbox, if it will be checked then hide is bot - leas as it is.
If you want to hide row after click on checkbox, you have to put scripts to each of it.
BR,
Paul Butenko

Centering text within a table in Contribute

I'm using Contribute on a PC doing testing for a professor's
website. Per my suggestion, the professor purchased Contribute to
edit his pages. Pages are using a table to format the page.
http://www.iun.edu/~edupjb/teaching/E340/course_description.shtml
Within a table Contribute will not let us center text. Since
a cell is used to put the main content, we cannot center the cell.
If another table is added inside the cell, even if we try to use
cell properties, which we can change to center, the text inside the
table does not center. The align icons can not be selected.
Any ideas?

With the design of the pages, the right area is where the
content is located which is in one cell. Centering one or a few
lines within the content area is not working within Contribute. The
whole content area is not wanted to be centered just specified
lines within the td. Centering in DreamWeaver or Microsoft Front
Page are inside a td is possible. Contribute is not letting us
center if trying to do so from within a table.
Thank you for your suggestion. I'll have to try doing it
through css. Since Dreamweaver and Front Page can center within a
table, I don't like having a css definition for something should be
cared for in the program. It would be a class of Center, which the
program should be able to center We have about less than 10 people
using contribute and others mostly using Front Page or Dreamweaver.
I'll keep testing.
Could this be a bug in Contribute?

Loop at Conditions within internal table

I have not been ABAPing long so primarily have been using keyword help...
I am trying to loop round an itab and only select and process unique keys from within the table!
However the table I am using to obtain the records has multiple records with the same reference and I am only interested in each unique occurrence of the IBASE_COMPONENT_GUID field.
So there could be four items for one Appliance and four for another one. So of the eight records, I would only need to loop round and select the unique GUIDS.
So there would only be two unique appliances I need to extract the records for.
Basically I am trying to do something like this:
LOOP AT GT_ITEM_DATA INTO GS_ITEM_DATA WITH UNIQUE KEY IBASE_COMPONENT_GUID.
Is there a way to select each unique occurrence?

Basically, I use the COLLECT statement when I need to get the unique field (character only) field from the internal table.
Create a table with only one field, GUID.
LOOP through your main table, assign its GUID to new table's field GUID
Use COLLECT new_table.
Other option is,
Sort the table by GUID
Loop through it and use AT NEW GUID or AT END OF GUID
Fill out the table with this GUID.
Regards,
Naimesh Patel

How can I store a form name with path and then call form from a table

Is it possible that any form that I built I store that form in some table in DB and then call that form from table, if yes, then how can i get this functionality. I am not very experience in form and do not know if it can be done because i think if it is possible then this can be a good security for application and easy to handle as well.
Thanks in advance
Maz

If you have a Forms block based on this table:
declare
module varchar2(100);
begin
module := :block.column;
call_form ( module ) ;
end;If you don't have any blok based on that table
declare
module varchar2(100);
begin
select module_name
into module
from ...
where ...
call_form ( module ) ;
end;Francois

Groupings - Form on a table or view

Hi
I have a view eg. field_a, field_b, field_c, field_d, field_e, field_f.
I have selected all these columns when creating a page (Form on a table or view).
However I would only be displaying field_d, field_e, field_f. I have selected field_a,field_b and field_c as I require these fields so that I can use them to join to a previous page which is an interactive report. I now need to group by field_a, field_b, field_c.
Is this possible?
Regds

Hello,
You should solve it in your view. Define the GROUP BY in there. Of course you can't update the values in the Forms when using a GROUP by function...
Greetings,
Roel
http://roelhartman.blogspot.com/
You can reward this reply by marking it as either Helpful or Correct ;-)

Verticle Aligning a Form Within a Table

Similar Messages

Maybe you are looking for