PDA

View Full Version : simple form html like EXT style



davishotmail
22 Jan 2011, 9:56 PM
pessoal,
para quem está com dificuldade (como eu) em transformar os seus form´s já criados da sua aplicação existente e não quer deixa-los com a cara antiga, uma boa pode ser alterar a sua aparência para a do estilo ext temporariamente.
segue o exemplo e espero que seja útil para alguém.

x-panel-mc = fundo azul
x-panel-header = barra de título
x-form-text = textbox
x-form-checkbox = checkbox
x-combo-list = combobox
x-btn-mc = botão





<form action="url" method="post">
<table width="578" height="211" border="0" cellspacing="0" class="x-panel">
<tr>
<td height="19" colspan="5" class="x-panel-header">Css Form Sample</td>
</tr>
<tr>
<td width="7" height="22" class="x-panel-mc">&nbsp;</td>
<td width="248" class="x-panel-mc"><label>Name</label></td>
<td width="7" class="x-panel-mc">&nbsp;</td>
<td colspan="2" class="x-panel-mc">End</td>
</tr>
<tr>
<td height="28" class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc"><label>
<input name="textfield" type="text" class="x-form-text" id="textfield" size="40">
</label></td>
<td class="x-panel-mc">&nbsp;</td>
<td colspan="2" class="x-panel-mc"><input name="textfield2" type="text" class="x-form-text" id="textfield2" size="40"></td>
</tr>

<tr>
<td height="22" class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc">Tel</td>
<td class="x-panel-mc">&nbsp;</td>
<td colspan="2" class="x-panel-mc">Email</td>
</tr>
<tr>
<td height="30" class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc"><input name="textfield3" type="text" class="x-form-text" id="textfield3" size="40"></td>
<td class="x-panel-mc">&nbsp;</td>
<td colspan="2" class="x-panel-mc"><input name="textfield4" type="text" class="x-form-text" id="textfield4" size="40"></td>
</tr>
<tr>
<td height="30" class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc"><label>combobox
<select name="combo" class="x-combo-list" id="combo">
<option value="1">1</option>
<option value="3">2</option>
<option value="3">3</option>
</select>
<input type="checkbox" class="x-form-checkbox" name="checkbox" id="checkbox">
<input type="checkbox" class="x-form-checkbox" name="checkbox2" id="checkbox2">
<input type="checkbox" class="x-form-checkbox" name="checkbox3" id="checkbox3">
</label></td>
<td class="x-panel-mc">&nbsp;</td>
<td align="right" class="x-panel-mc">&nbsp;</td>
<td align="right" class="x-panel-mc">&nbsp;</td>
</tr>
<tr>
<td height="30" class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc"><label>
<input type="radio" name="radio" class="x-form-radio" id="radio" value="radio">
</label>
<label>
<input name="radio2" type="radio" class="x-form-radio" id="radio2" value="radio2">
</label></td>
<td class="x-panel-mc">&nbsp;</td>
<td align="right" class="x-panel-mc">&nbsp;</td>
<td align="right" class="x-panel-mc">&nbsp;</td>
</tr>
<tr>
<td height="30" class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc">&nbsp;</td>
<td class="x-panel-mc">&nbsp;</td>
<td width="250" align="right" class="x-panel-mc"><label>
<input name="button" type="submit" class="x-btn-mc" id="button" value="Enviar">
</label></td>
<td width="56" align="right" class="x-panel-mc">&nbsp;</td>
</tr>
</table>

</form>



ps: se alguém puder me ajudar a criar um form parecido com este (2 colunas) em html que faça o submit simples como um form comum eu agradeço muuuito pois só consigo montar o simples com uma coluna.:">

obrigado

valititi
23 Jan 2011, 7:00 PM
in espagnol no comprendo problema !
if escribir in englishir is bettir ?! no?!
:-))

davishotmail
23 Jan 2011, 11:06 PM
people,
for those with difficulty (like me) to turn their form's already created from your existing application and does not want to leave them with their previous appearance, a good option might be to change its appearance to the style temporarily ext.
follows the example and hopefully useful to someone.
x-panel-mc = blue background
x-panel-header = title bar
x-form-text = textbox
x-form-checkbox = checkbox
x-combo-list = combobox
x-btn-mc = button



----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
ps: if anyone can help me create a EXTform like this (2 columns) in html that does submit a simple form as I appreciate very common because I can only mount with a single column.

thanks


-----------------------
by google translate :-))
-----------------------