cascadingdropdown as checkboxes in many columns

[elle]

Hi folks,

I have a cascadingdropdown, who is rendered as checkbox list.
Is there a way to display the results in many columns?

Please show me, what to do.

Many Thanx
Elle

 

[troester]

See http://www.fabrikar.com/forums/index.php?threads/how-use-cascading-dropdown.39959/#post-201055

 

[elle]

Hi troester,

thank you for your help.
I readed the link you posted.

Where do i have to find ore to add the custom_css.php???

Thanx again
Elle

 

[elle]

Hi troester,

I've found the way to do this.
Thanx again for your support.

For everyone, who's interrested in:
You'll find a custom_css_example.php file in the directory /components/com_fabrik/views/form/tmpl/bootstrap
Eventually you have to change bootstrap into the name of your used template.

If you have found the file, copy and rename it to custom_css.php
Then make your changes ONLY between the
/* BEGIN - Your CSS styling starts here */
and
/* END - Your CSS styling ends here */
comments
NEVER change anything outside these comments!

More informations can find here: http://www.fabrikar.com/forums/index.php?wiki/form-and-details-templates/#the-custom-css-file

My custom_css.php to let the cascadingdropdown checkboxes displayed in 5 columns look like this:

<?php
/**
* Default Form Template: Custom CSS
*
* @package    Joomla
* @subpackage  Fabrik
* @copyright  Copyright (C) 2005-2013 fabrikar.com - All rights reserved.
* @license    GNU/GPL http://www.gnu.org/copyleft/gpl.html
* @since      3.0
*/
 
/**
* If you need to make small adjustments or additions to the CSS for a Fabrik
* template, you can create a custom_css.php file, which will be loaded after
* the main template_css.php for the template.
*
* This file will be invoked as a PHP file, so the view type and form ID
* can be used in order to narrow the scope of any style changes.  You do
* this by prepending #{$view}_$c to any selectors you use.  This will become
* (say) #form_12, or #details_11, which will be the HTML ID of your form
* on the page.
*
* See examples below, which you should remove if you copy this file.
*
* Don't edit anything outside of the BEGIN and END comments.
*
* For more on custom CSS, see the Wiki at:
*
* http://www.fabrikar.com/forums/index.php?wiki/form-and-details-templates/#the-custom-css-file
*
* NOTE - for backward compatibility with Fabrik 2.1, and in case you
* just prefer a simpler CSS file, without the added PHP parsing that
* allows you to be be more specific in your selectors, we will also include
* a custom.css we find in the same location as this file.
*
*/
 
header('Content-type: text/css');
$c = (int) $_REQUEST['c'];
$view = isset($_REQUEST['view']) ? $_REQUEST['view'] : 'form';
$rowid = isset($_REQUEST['rowid']) ? $_REQUEST['rowid'] : '';
$form = $view . '_' . $c;
if ($rowid !== '')
{
    $form .= '_' . $rowid;
}
echo "
 
/* BEGIN - Your CSS styling starts here */
/*ELLE edit*/
 
.fb_el_schulungen___geraet_schulung .fabrik_subelement {float:left;width:20%}
.fb_el_schulungen___promoter .fabrik_subelement {float:left;width:20%}
 
/*End ELLE edit*/
/* END - Your CSS styling ends here */
 
";
?>

The code, what I have change is between the
/*ELLE edit*/
and the
/*ELLE edit*/
comments

Regards
Elle