Layout com bootstrap desconfigurado Usando o Adianti 3, fiz um form com bootstrap, configurei o campos para ficar na posição horizontal usando o codigo: porém com bootsrap saiu desconfigurado, e sem saiu certo, veja imagens anexo....
MR
Layout com bootstrap desconfigurado  
Fechado
Usando o Adianti 3, fiz um form com bootstrap, configurei o campos para ficar na posição horizontal usando o codigo:
 
  1. <?php $this->form->addQuickFields('', array(new TLabel('Tipo Operação'), $tipo_operacao_id)); ?>


porém com bootsrap saiu desconfigurado, e sem saiu certo, veja imagens anexo.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (8)


JN

Bom dia,

Verifica se no seu código tem a seguinte declaração:
 
  1. <?php $this->form->class = 'form-inline'; ?>
.

João Renato.
MR

Mesmo com declaração
 
  1. <?php $this->form->class = 'form-inline'; ?>
continua desconfigurado.
JN

Fiz um teste e não funcionou o
 
  1. <?php $this->form->addQuickFields ?>


Posta o código, talves podemos ajudar.
MR

 
  1. <?php
  2. class ClienteForm extends TPage
  3. {
  4. protected $form; // form
  5. /**
  6. * Form constructor
  7. * @param $param Request
  8. */
  9. public function __construct( $param )
  10. {
  11. parent::__construct();
  12. // creates the form
  13. $this->form = new TQuickForm('form_Cliente');
  14. $this->form->class = 'tform'; // change CSS class
  15. $this->form = new BootstrapFormWrapper($this->form);
  16. $this->form->setFormTitle('Quick form');
  17. $this->form->style = 'display: table;width:100%'; // change style
  18. // define the form title
  19. $this->form->setFormTitle('Cliente');
  20. // create the form fields
  21. $id = new TEntry('id');
  22. $nome = new TEntry('nome');
  23. $fantasia = new TEntry('fantasia');
  24. // add the fields
  25. $this->form->addQuickFields('Id', array($id, new TLabel('Nome'), $nome, new TLabel('Fantasia'),$fantasia));
  26. if (!empty($id))
  27. {
  28. $id->setEditable(FALSE);
  29. }
  30. /** samples
  31. $this->form->addQuickFields('Date', array($date1, new TLabel('to'), $date2)); // side by side fields
  32. $fieldX->addValidation( 'Field X', new TRequiredValidator ); // add validation
  33. $fieldX->setSize( 100, 40 ); // set size
  34. **/
  35. // create the form actions
  36. $this->form->addQuickAction(_t('Save'), new TAction(array($this, 'onSave')), 'fa:floppy-o');
  37. $this->form->addQuickAction(_t('New'), new TAction(array($this, 'onClear')), 'bs:plus-sign green');
  38. // vertical box container
  39. $container = new TVBox;
  40. $container->style = 'width: 90%';
  41. // $container->add(new TXMLBreadCrumb('menu.xml', __CLASS__));
  42. $container->add(TPanelGroup::pack('Title', $this->form));
  43. parent::add($container);
  44. }
  45. /**
  46. * Save form data
  47. * @param $param Request
  48. */
  49. public function onSave( $param )
  50. {
  51. try
  52. {
  53. TTransaction::open('sample'); // open a transaction
  54. /**
  55. // Enable Debug logger for SQL operations inside the transaction
  56. TTransaction::setLogger(new TLoggerSTD); // standard output
  57. TTransaction::setLogger(new TLoggerTXT('log.txt')); // file
  58. **/
  59. $this->form->validate(); // validate form data
  60. $object = new Cliente; // create an empty object
  61. $data = $this->form->getData(); // get form data as array
  62. $object->fromArray( (array) $data); // load the object with data
  63. $object->store(); // save the object
  64. // get the generated id
  65. $data->id = $object->id;
  66. $this->form->setData($data); // fill form data
  67. TTransaction::close(); // close the transaction
  68. new TMessage('info', TAdiantiCoreTranslator::translate('Record saved'));
  69. }
  70. catch (Exception $e) // in case of exception
  71. {
  72. new TMessage('error', $e->getMessage()); // shows the exception error message
  73. $this->form->setData( $this->form->getData() ); // keep form data
  74. TTransaction::rollback(); // undo all pending operations
  75. }
  76. }
  77. /**
  78. * Clear form data
  79. * @param $param Request
  80. */
  81. public function onClear( $param )
  82. {
  83. $this->form->clear();
  84. }
  85. /**
  86. * Load object to form data
  87. * @param $param Request
  88. */
  89. public function onEdit( $param )
  90. {
  91. try
  92. {
  93. if (isset($param['key']))
  94. {
  95. $key = $param['key']; // get the parameter $key
  96. TTransaction::open('sample'); // open a transaction
  97. $object = new Cliente($key); // instantiates the Active Record
  98. $this->form->setData($object); // fill the form
  99. TTransaction::close(); // close the transaction
  100. }
  101. else
  102. {
  103. $this->form->clear();
  104. }
  105. }
  106. catch (Exception $e) // in case of exception
  107. {
  108. new TMessage('error', $e->getMessage()); // shows the exception error message
  109. TTransaction::rollback(); // undo all pending operations
  110. }
  111. }
  112. }
  113. ?>
JN

Boa noite Marcos,

Tenta assim,

 
  1. <?php
  2. // creates the form
  3. $this->form = new BootstrapFormWrapper(new TQuickForm('form_Cliente'));
  4. //$this->form = new TQuickForm('form_Cliente');
  5. $this->form->class = 'form-inline'; // change CSS class
  6. ?>
JN

Sugiro outra alteração:

 
  1. <?php
  2. // add the fields
  3. $this->form->addQuickField('Id', $id, 50);
  4. $this->form->addQuickField('Nome', $nome);
  5. $this->form->addQuickField('Fantasia',$fantasia);
  6. ?>
MR

Obrigado pela atenção, vou redefinir o visual do layout do formulário para ver como vou encaixar melhor.
PL

Alguém conseguiu resolver esse problema, também estou tendo.
addQuickFields com o form BootstrapFormWrapper não funciona;