Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC:

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

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'); ?> 

Please Log in or Create an account to join the conversation.

Last edit: by Tomaselli.
  • Page:
  • 1
Time to create page: 0.075 seconds
Great UX great performance and definitely a time saver. It only took me 10 minutes of playing around before purchasing a subscription and right now I just want to throw more money at you! I just started a new project and after just 4h I can already tell it probably saved me several days of work. I'm building a wholesale ordering system with sales rep management. I have not looked at the code yet but so far: impressive.
flip (Forum)

Get Started