Formulário

[ricbhz]

Olá pessoal, estou iniciando agora a usar framework yii e ainda tenho muitas dúvidas. Já instalei o Yii no localhost e criei os CRUDs. Porém os formulários não ficaram com visual muito bom. Estive lendo sobre isso e descobri que posso usar uma framework CSS chamada RMSforms. Tentei usar mas não está dando muito certo. Inclui o arquivo CSS no arquivo main.php dentro das views e percebi que alterou a página. Mas fiquei com dúvidas, por exemplo, vou conseguir alinhar todos os campos de modo que fiquem lado a lado até o fim da página e depois continue com os próximos na linha de baixo? Como fazer isso? Tentei usar os modificadores mas não obtive o resultado esperado. Tem como ajudar, talvez dando um exemplo de como usar este framework, por favor? Desde já agradeço!

[adlersd]

Ricardo,

eu definitivamente iria para o twitter bootstrap:

http://www.yiiframework.com/extension/bootstrap/

Você pode aprender a instalá-lo aqui:

http://www.cniska.net/yii-bootstrap/setup.html

[ricbhz]

Otimo, muito obrigado pela dica. Vou tentar aqui. Valeu!

[ricbhz]

Adlersd, Consegui instalar o twitter bootstrap. Consegui melhorar bastante coisa no layout. Mas infelizmente, como seu iniciante, ainda não consegui exatamente o que preciso, colocar os campos do formulário lado a lado. Abaixo postei parte do código, do arquivo _form (view), onde preciso que os campos fiquem lado a lado. Se tiver como me ajudar agradeço bastante.

<div class="form">

<?php $form=$this->beginWidget(‘bootstrap.widgets.TbActiveForm’, array(

'id'=>'associado-form',


    'type'=>'horizontal',


    'htmlOptions'=>array('class'=>'well'),

)); ?>

<p class="note">Campos com <span class="required">*</span> sao obrigatorios.</p>





    <?php echo $form->errorSummary($model);?>





<div class="row">


            <?php echo $form->labelEx($model,'dataentrada'); ?>


            <?php $this->widget('CMaskedTextField', array(


                'model' => $model,


                'attribute' => 'dataentrada',


                'mask' => '99/99/9999',


                'htmlOptions' => array('size' => 10, 'class'=> 'input-small')


            ))?>


	<?php echo $form->error($model,'dataentrada'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'tipo'); ?>


            <?php


                $tipo = array('Pessoa Fisica', 'Pessoa Juridica');





                echo $form->dropDownList($model, 'tipo', $tipo,


                        array(


                            'prompt' => 'Selecione',


                        )


                );


            ?>


	<?php echo $form->error($model,'tipo'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'nome'); ?>


	<?php echo $form->textField($model,'nome',array('size'=>45,'maxlength'=>45)); ?>


	<?php echo $form->error($model,'nome'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'nascimento'); ?>


            <?php $this->widget('CMaskedTextField', array(


                    'model' => $model,


                    'attribute' => 'nascimento',


                    'mask' => '99/99/9999',


                    'htmlOptions' => array('size' => 10, 'class'=> 'input-small')


                ))?>


	<?php echo $form->error($model,'nascimento'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'estadocivil'); ?>


            <?php


                $estadocivil = array('Solteiro', 'Casado', 'Divorciado', 'Outro');





                echo $form->dropDownList($model, 'estadocivil', $estadocivil,


                        array(


                            'prompt' => 'Selecione',


                        )


                );


            ?>


	<?php echo $form->error($model,'estadocivil'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'cep'); ?>


            <?php $this->widget('CMaskedTextField', array(


                    'model' => $model,


                    'attribute' => 'cep',


                    'mask' => '99999-999',


                    'htmlOptions' => array('size' => 13, 'class'=> 'input-small')


                ))?>


	<?php echo $form->error($model,'cep'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'logradouro'); ?>


	<?php echo $form->textField($model,'logradouro',array('size'=>40,'maxlength'=>40)); ?>


	<?php echo $form->error($model,'logradouro'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'bairro'); ?>


	<?php echo $form->textField($model,'bairro',array('size'=>25,'maxlength'=>25)); ?>


	<?php echo $form->error($model,'bairro'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'cidade'); ?>


	<?php echo $form->textField($model,'cidade',array('size'=>25,'maxlength'=>25)); ?>


	<?php echo $form->error($model,'cidade'); ?>


</div>





<div class="row">


	<?php echo $form->labelEx($model,'telefone'); ?>


            <?php $this->widget('CMaskedTextField', array(


                    'model' => $model,


                    'attribute' => 'telefone',


                    'mask' => '(99)9999-9999',


                    'htmlOptions' => array('size' => 13)


                ))?>


	<?php //echo $form->textField($model,'telefone',array('size'=>10,'maxlength'=>10)); ?>


	<?php echo $form->error($model,'telefone'); ?>


</div>





<?php $this->widget('bootstrap.widgets.TbButton', array(


        'label'=>$model->isNewRecord ? 'Cadastrar' : 'Alterar',


        'type'=>'primary', // null, 'primary', 'info', 'success', 'warning', 'danger' or 'inverse'


        'size'=>'normal', // null, 'large', 'small' or 'mini'


        'buttonType'=>'submit',


    )); ?>

<?php $this->endWidget(); ?>

</div><!-- form -->

[ricbhz]

Já consegui resolver mudando a div. Valeu!