[RESOLU] Mise en page du forumulaire formbuilder

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: -1.11.7
#~ Url du site : http://concierge-privileges.fr/index.php?page=contact
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.7
#~ Installed Modules:
#~ CMSMailer: 5.2.1
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.5
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ ThemeManager: 1.1.8
#~ FormBuilder: 0.7.4
#~ Gallery: 1.6.1
#~ CGExtensions: 1.32.2
#~ JQueryTools: 1.2.5
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.16
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.66
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,
j'ai modifier mon formulaire de contact sur mon site, notamment les CSS via les feuilles de styles et j'ai toucher également un peu le gabarit du formulaire, j'ai quasiment terminé sauf que je ne parvient pas à basculer le nom du formulaire en haut de celui ci c'est la balise html "legend" en effet le formulaire ce trouve dans un tableau à deux colonnes, je souhaiterais qu'il ne soit que sur une seule colonne de façon à pouvoir aligner mon nom de formulaire tout à gauche de celui-ci.
voici mon gabarit de formulaire entier.
je vous remercie par avance de bien vouloir jeter un oeil à mon souci. Wink
Code :
[== PHP ==]
{* TABLE FORM LAYOUT / Field titles on Left *}
{* next line sets number of columns for things like checkbox groups *}
{assign var="cols" value="3"}
{literal}
<script type="text/javascript">
function fbht(htid)
    {
        var fbhtc=document.getElementById(htid);
        if (fbhtc)
            {
            if (fbhtc.style.display == 'none')
                {
                fbhtc.style.display = 'inline';
                }
            else
                {
                fbhtc.style.display = 'none';
                }
            }
}
</script>
{/literal}
{$fb_form_header}
{if $fb_form_done == 1}
    {* This first section is for displaying submission errors *}
    {if $fb_submission_error}
        <div class="error_message">{$fb_submission_error}</div>
        {if $fb_show_submission_errors}
            <table class="error">
            {foreach from=$fb_submission_error_list item=thisErr}
                <tr><td>{$thisErr}</td></tr>
            {/foreach}
            </table>
        {/if}
    {/if}
{else}
    {* this section is for displaying the form *}
    {* we start with validation errors *}
    {if $fb_form_has_validation_errors}
        <div class="error_message">
        <ul>
        {foreach from=$fb_form_validation_errors item=thisErr}
            <li>{$thisErr}</li>
        {/foreach}
        </ul>
        </div>
    {/if}
    {if $captcha_error}
        <div class="error_message">{$captcha_error}</div>
    {/if}

    {* and now the form itself *}
    {$fb_form_start}
    <div>{$fb_hidden}</div>

    <table{if $css_class != ''} class="{$css_class}"{/if}>
    {if $total_pages gt 1}<tr><td>Contact</td></tr>{/if}
    {foreach from=$fields item=entry}
        {if $entry->display == 1 &&
            $entry->type != '-Fieldset Start' &&
            $entry->type != '-Fieldset End' }
        <tr>
            {strip}
            <td align="left" valign="top"
            {if $entry->required == 1 || $entry->css_class != ''} class="
                {if $entry->required == 1}
                    required
                {/if}
                {if $entry->required == 1 && $entry->css_class != ''} {/if}
                {if $entry->css_class != ''}
                    {$entry->css_class}
                {/if}
                "
            {/if}
            >
            {if $entry->hide_name == 0}
                {$entry->name}
                {if $entry->required_symbol != ''}
    <span>{$entry->required_symbol}</span>
                {/if}
            {/if}
            </td><td align="left" valign="top"{if $entry->css_class != ''} class="{$entry->css_class}"{/if}>
            {if $entry->multiple_parts == 1}
            <table>
                <tr>
                {section name=numloop loop=$entry->input}
                    <td>{$entry->input[numloop]->input}&nbsp;{$entry->input[numloop]->name}{if $entry->input[numloop]->op}&nbsp;{$entry->input[numloop]->op}{/if}</td>
                    {if not ($smarty.section.numloop.rownum mod $cols)}
                        {if not $smarty.section.numloop.last}
                </tr><tr>
                        {/if}
                    {/if}
                    {if $smarty.section.numloop.last}
                        {math equation = "n - a % n" n=$cols a=$entry->input|@count assign="cells"}
                        {if $cells ne $cols}
                            {section name=pad loop=$cells}
                    
                            {/section}
                        {/if}
                </tr>
                    {/if}
                {/section}
                </table>
            {else}
                {if $entry->smarty_eval == '1'}{eval var=$entry->input}{else}{$entry->input}{/if}
            {/if}
            {if $entry->valid == 0} &lt;--- {$entry->error}{/if}
            {if $entry->helptext != ''}&nbsp;<a href="javascript:fbht('{$entry->field_helptext_id}')"><img src="modules/FormBuilder/images/info-small.gif" alt="Help" /></a>
                    <span id="{$entry->field_helptext_id}" style="display:none" class="fbr_helptext">{$entry->helptext}</span>{/if}
            
            
            </td></tr>
            {/strip}
        {/if}
    {/foreach}
    {if $has_captcha == 1}
        <tr><td>{$graphic_captcha}</td><td>{$input_captcha}<br />{$title_captcha}</td></tr>
    {/if}
        <tr><td>{$submit}</td></tr>
    </table>
    {$fb_form_end}
{/if}
{$fb_form_footer}
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: -1.11.7
#~ Url du site : http://concierge-privileges.fr/index.php?page=contact
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.11.7
#~ Installed Modules:
#~ CMSMailer: 5.2.1
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.5
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ ThemeManager: 1.1.8
#~ FormBuilder: 0.7.4
#~ Gallery: 1.6.1
#~ CGExtensions: 1.32.2
#~ JQueryTools: 1.2.5
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 64000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.3.16
#~ md5_function: On (Vrai)
#~ gd_version: 2
#~ tempnam_function: On (Vrai)
#~ magic_quotes_runtime: Off (Faux)
#~ E_STRICT: 0
#~ E_DEPRECATED: 8192
#~ memory_limit: 128M
#~ max_execution_time: 120
#~ output_buffering: 4096
#~ safe_mode: Off (Faux)
#~ file_uploads: On (Vrai)
#~ post_max_size: 64M
#~ upload_max_filesize: 64M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (Vrai)
#~ xml_function: On (Vrai)
#~ xmlreader_class: On (Vrai)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysqli)
#~ Server Db Version: 5.1.66
#~ Server Db Grants: Impossible de trouver un privilège "GRANT ALL". Cela peut signifier que vous pourriez avoir des problèmes pour installer ou retirer des modules, ou encore l 'ajout et la suppression d'éléments, y compris les pages.
#~ ----------------------------------------------
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,
j'ai modifier mon formulaire de contact sur mon site, notamment les CSS via les feuilles de styles et j'ai toucher également un peu le gabarit du formulaire, j'ai quasiment terminé sauf que je ne parvient pas à basculer le nom du formulaire en haut de celui ci c'est la balise html "legend" en effet le formulaire ce trouve dans un tableau à deux colonnes, je souhaiterais qu'il ne soit que sur une seule colonne de façon à pouvoir aligner mon nom de formulaire tout à gauche de celui-ci.
voici mon gabarit de formulaire entier.
je vous remercie par avance de bien vouloir jeter un oeil à mon souci. Wink
Code :
[== PHP ==]
{* TABLE FORM LAYOUT / Field titles on Left *}
{* next line sets number of columns for things like checkbox groups *}
{assign var="cols" value="3"}
{literal}
<script type="text/javascript">
function fbht(htid)
    {
        var fbhtc=document.getElementById(htid);
        if (fbhtc)
            {
            if (fbhtc.style.display == 'none')
                {
                fbhtc.style.display = 'inline';
                }
            else
                {
                fbhtc.style.display = 'none';
                }
            }
}
</script>
{/literal}
{$fb_form_header}
{if $fb_form_done == 1}
    {* This first section is for displaying submission errors *}
    {if $fb_submission_error}
        <div class="error_message">{$fb_submission_error}</div>
        {if $fb_show_submission_errors}
            <table class="error">
            {foreach from=$fb_submission_error_list item=thisErr}
                <tr><td>{$thisErr}</td></tr>
            {/foreach}
            </table>
        {/if}
    {/if}
{else}
    {* this section is for displaying the form *}
    {* we start with validation errors *}
    {if $fb_form_has_validation_errors}
        <div class="error_message">
        <ul>
        {foreach from=$fb_form_validation_errors item=thisErr}
            <li>{$thisErr}</li>
        {/foreach}
        </ul>
        </div>
    {/if}
    {if $captcha_error}
        <div class="error_message">{$captcha_error}</div>
    {/if}

    {* and now the form itself *}
    {$fb_form_start}
    <div>{$fb_hidden}</div>

    <table{if $css_class != ''} class="{$css_class}"{/if}>
    {if $total_pages gt 1}<tr><td>Contact</td></tr>{/if}
    {foreach from=$fields item=entry}
        {if $entry->display == 1 &&
            $entry->type != '-Fieldset Start' &&
            $entry->type != '-Fieldset End' }
        <tr>
            {strip}
            <td align="left" valign="top"
            {if $entry->required == 1 || $entry->css_class != ''} class="
                {if $entry->required == 1}
                    required
                {/if}
                {if $entry->required == 1 && $entry->css_class != ''} {/if}
                {if $entry->css_class != ''}
                    {$entry->css_class}
                {/if}
                "
            {/if}
            >
            {if $entry->hide_name == 0}
                {$entry->name}
                {if $entry->required_symbol != ''}
    <span>{$entry->required_symbol}</span>
                {/if}
            {/if}
            </td><td align="left" valign="top"{if $entry->css_class != ''} class="{$entry->css_class}"{/if}>
            {if $entry->multiple_parts == 1}
            <table>
                <tr>
                {section name=numloop loop=$entry->input}
                    <td>{$entry->input[numloop]->input}&nbsp;{$entry->input[numloop]->name}{if $entry->input[numloop]->op}&nbsp;{$entry->input[numloop]->op}{/if}</td>
                    {if not ($smarty.section.numloop.rownum mod $cols)}
                        {if not $smarty.section.numloop.last}
                </tr><tr>
                        {/if}
                    {/if}
                    {if $smarty.section.numloop.last}
                        {math equation = "n - a % n" n=$cols a=$entry->input|@count assign="cells"}
                        {if $cells ne $cols}
                            {section name=pad loop=$cells}
                    
                            {/section}
                        {/if}
                </tr>
                    {/if}
                {/section}
                </table>
            {else}
                {if $entry->smarty_eval == '1'}{eval var=$entry->input}{else}{$entry->input}{/if}
            {/if}
            {if $entry->valid == 0} &lt;--- {$entry->error}{/if}
            {if $entry->helptext != ''}&nbsp;<a href="javascript:fbht('{$entry->field_helptext_id}')"><img src="modules/FormBuilder/images/info-small.gif" alt="Help" /></a>
                    <span id="{$entry->field_helptext_id}" style="display:none" class="fbr_helptext">{$entry->helptext}</span>{/if}
            
            
            </td></tr>
            {/strip}
        {/if}
    {/foreach}
    {if $has_captcha == 1}
        <tr><td>{$graphic_captcha}</td><td>{$input_captcha}<br />{$title_captcha}</td></tr>
    {/if}
        <tr><td>{$submit}</td></tr>
    </table>
    {$fb_form_end}
{/if}
{$fb_form_footer}
#2
3ème ligne de ton gabarit :
{assign var="cols" value="1"}
Mais il y a un autre problème, la <legend> (légende d'image) n'est pas adaptée, utilise plutôt <caption> :
http://www.w3schools.com/tags/tag_caption.asp
Modifie ton gabarit (et enlève ton champs <legend>) :
Code :
{* +/- ligne 56 *}
<table{if $css_class != ''} class="{$css_class}"{/if}>
        <caption>Formulaire de contact</caption>    
    {foreach from=$fields item=entry}
Tu dois également enlever les <fieldset>.
Ta doctype est erronée, tu ne peux pas modifier la langue de référence en FR (mais bien la langue du <html>, comme tu l'as fait) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
Ensuite, n'oublie pas d'utiliser le validateur de code w3c, il semble qu'il y a une </div> de trop.
#2
3ème ligne de ton gabarit :
{assign var="cols" value="1"}
Mais il y a un autre problème, la <legend> (légende d'image) n'est pas adaptée, utilise plutôt <caption> :
http://www.w3schools.com/tags/tag_caption.asp
Modifie ton gabarit (et enlève ton champs <legend>) :
Code :
{* +/- ligne 56 *}
<table{if $css_class != ''} class="{$css_class}"{/if}>
        <caption>Formulaire de contact</caption>    
    {foreach from=$fields item=entry}
Tu dois également enlever les <fieldset>.
Ta doctype est erronée, tu ne peux pas modifier la langue de référence en FR (mais bien la langue du <html>, comme tu l'as fait) :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
Ensuite, n'oublie pas d'utiliser le validateur de code w3c, il semble qu'il y a une </div> de trop.
#3
Merci Jean le Chauve, j'ai réussi grâce à toi à faire exactement ce que je voulais, j'ai également modifier ce que tu m'a conseillé qui n'allait pas au W3C. merci beaucoup ! A+
#3
Merci Jean le Chauve, j'ai réussi grâce à toi à faire exactement ce que je voulais, j'ai également modifier ce que tu m'a conseillé qui n'allait pas au W3C. merci beaucoup ! A+


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)