Welcome, Guest
Username: Password: Remember me

TOPIC: Standard joomla 3.x form layout

Standard joomla 3.x form layout 12 Jun 2013 06:56 #7444

  • Tomaselli
  • Tomaselli's Avatar
  • Online
  • Elite Member
  • Posts: 293
  • Thank you received: 87
  • Karma: 46
Summary:
Why don't integrate the following options by default in the jcook-builder?
example of functionalities needed:
  1. option to have nested bricks in layouts
  2. class autocomplete feature in the brick options ("span1" to "span12" these classes give the width of the dom element.)
  3. option to add extra empty FIELDS as spacer between fields.
  4. tabs functionalities in layout.


Even just as options without a real wysiwyg functionality in the j-cook builder would improve a lot the overall layout of the components generated.

To have a standard joomla layout, let's analize the joomla article form:

  1. element 1
    <div class="span10">
    ...........
    </div>

  2. element 2
    <div class="span2">
    ...........
    </div>

  3. nested element INSIDE the element 1)
    <div class="row-fluid">
    ...........
    </div>


  4. nested element INSIDE the element 3)
    <div class="span6">
    ...........
    </div>

  5. the same like the previous, nested element INSIDE the element 3)
    <div class="span6">
    ...........
    </div>

  6. div used as spacer between fields
    <div class="control-group">
    	<span class="spacer">
    		<span class="before"></span>
    		<span>
    			<hr>
    		</span>
    		<span class="after"></span>
    	</span>
    	<div class="controls"> </div>
    </div>

  7. joomla bootstrap tabs, example code:
    <!-- start tabs set -->
    <?php echo JHtml::_('bootstrap.startTabSet', 'myTab', array('active' => 'tab1')); ?>
    	
    	<!-- start tab1 -->
    	<?php echo JHtml::_('bootstrap.addTab', 'myTab', 'tab1', JText::_('MYTEXTVARIABLE', true)); ?>
    ..............................
    	<!-- end tab1 -->
    	<?php echo JHtml::_('bootstrap.endTab'); ?>
    
    
    	<!-- start tab2 -->
    	<?php echo JHtml::_('bootstrap.addTab', 'myTab', 'tab2', JText::_('MYTEXTVARIABLE2', true)); ?>
    ..............................
    	<!-- end tab2 -->
    	<?php echo JHtml::_('bootstrap.endTab'); ?>
    
    	
    	<!-- start tabN -->
    	<?php echo JHtml::_('bootstrap.addTab', 'myTab', 'tabN', JText::_('MYTEXTVARIABLE_N', true)); ?>
    ..............................
    	<!-- end tabN -->
    	<?php echo JHtml::_('bootstrap.endTab'); ?>
    
    <!-- end tabs set -->
    <?php echo JHtml::_('bootstrap.endTabSet'); ?> 
Last Edit: 23 Aug 2013 12:53 by Tomaselli.
The administrator has disabled public write access.
Time to create page: 0.091 seconds

Get Started