Hallo,
So, jetzt funktioniert zumindest mal ein eigener Tab, allerdings nur, wenn ich ein Template auf Basis von Bootstrap im Backend erstelle.Also kein Plugin, was nicht schlimm wäre, spricht da was dagegen?
Ein anderes Problem wo ich nicht wirklich durchblicke, wie kann ich mehrere Tabs erstelle? Bin da noch sehr neu und werde nicht fündig. Vielleicht ja nur ein kleiner Fehler. Hier mein jetziges Script, wäre über eure Hilfe seeehr dankbar.
createFieldSets($container);
/** @var Form\Container\Tab $tab */
foreach ($container->getElements() as $tab) {
switch ($tab->getName()) {
case 'general':
$this->modifyGeneralTab($tab);
break;
}
}
}
/**
* Find and modify the extendThemeConfigs fieldset
* @param Form\Container\Tab $tab
*/
private function modifyGeneralTab(Form\Container\Tab $tab)
{
/** @var Form\Container\FieldSet $fieldSet */
foreach ($tab->getElements() as $fieldSet) {
switch ($fieldSet->getName()) {
case 'extendedThemeConfigs':
$this->modifyExtendedThemeConfigs($fieldSet);
break;
}
}
}
/**
* Color Tab
* Move specified fields into new fieldset
* @param Form\Container\FieldSet $fieldSet
*/
private function modifyExtendedThemeConfigs(Form\Container\FieldSet $fieldSet)
{
/** @var Form\Field $field */
foreach ($fieldSet->getElements() as $field) {
switch ($field->getName()) {
case 'swf-body-bg':
case 'swf-shop-bg':
case 'swf-text-color':
case 'swf-headings-color':
case 'swf-headings-small-color':
case 'swf-link-color':
case 'swf-link-hover-color':
case 'swf-footer-bg':
case 'swf-footer-border':
case 'swf-footer-color':
case 'swf-footer-link-color':
case 'swf-footer-link-hover-color':
$this->unHideField($field);
$fieldSet->getElements()->remove($field);
$this->deviceColorsFieldSet->addElement($field);
break;
// ...
}
}
}
/**
* Remove xtype from fields
* @param Form\Field $field
*/
private function unHideField(Form\Field $field)
{
$attributes = $field->getAttributes();
unset($attributes['xtype']);
$field->setAttributes($attributes);
}
/**
* Create new tab with fieldset
* @param Form\Container\TabContainer $container
*/
private function createFieldSets(Form\Container\TabContainer $container)
{
$this->deviceColorsTab = $this->createTab('colorSettings', 'Color Settings', ['attributes' => [
'layout' => 'anchor',
'autoScroll' => true,
]]);
$container->addTab($this->deviceColorsTab);
$this->deviceColorsFieldSet = $this->createFieldSet(
'color_settings',
'Color Settings',
array(
'attributes' => array(
'layout' => 'column',
'flex' => 0,
'defaults' => array(
'columnWidth' => 0.5,
'labelWidth' => 180,
'margin' => '2 15 2 0'
)
)
)
);
$this->deviceColorsTab->addElement($this->deviceColorsFieldSet);
}
/**
* MainNavigation Tab
* Move specified fields into new fieldset
* @param Form\Container\FieldSet $fieldSet
*/
private function modifyExtendedThemeConfigs(Form\Container\FieldSet $fieldSet)
{
/** @var Form\Field $field */
foreach ($fieldSet->getElements() as $field) {
switch ($field->getName()) {
case 'swf-navbar-default-bg':
case 'swf-navbar-default-link-color':
case 'swf-navbar-default-border':
case 'swf-navbar-default-link-hover-color':
case 'swf-navbar-default-link-active-color':
case 'swf-navbar-default-link-disabled-color':
case 'swf-navbar-default-link-hover-bg':
case 'swf-navbar-default-link-active-bg':
case 'swf-navbar-default-link-disabled-bg':
case 'swf-navbar-default-toggle-icon-bar-bg':
case 'swf-navbar-default-toggle-hover-bg':
case 'swf-navbar-link-separator-color':
case 'swf-navbar-submenu-bg-color':
case 'swf-navbar-submenu-border-color':
case 'swf-navbar-height':
case 'swf-navbar-border-radius':
case 'swf-navbar-off-canvas-width':
case 'swf-navbar-off-canvas-indent':
case 'swf-navbar-off-canvas-bg-color':
case 'swf-navbar-off-canvas-submenu-bg-color':
case 'swf-navbar-off-canvas-arrow-color':
case 'swf-navbar-off-canvas-close-icon-color':
case 'swf-navbar-off-canvas-close-icon-color-hover':
$this->unHideField($field);
$fieldSet->getElements()->remove($field);
$this->deviceMainNavigationFieldSet->addElement($field);
break;
// ...
}
}
}
/**
* Remove xtype from fields
* @param Form\Field $field
*/
private function unHideField(Form\Field $field)
{
$attributes = $field->getAttributes();
unset($attributes['xtype']);
$field->setAttributes($attributes);
}
/**
* Create new tab with fieldset
* @param Form\Container\TabContainer $container
*/
private function createFieldSets(Form\Container\TabContainer $container)
{
$this->deviceColorsTab = $this->createTab('mainnavigationSettings', 'MainNavigation Settings', ['attributes' => [
'layout' => 'anchor',
'autoScroll' => true,
]]);
$container->addTab($this->deviceColorsTab);
$this->deviceMainNavigationFieldSet = $this->createFieldSet(
'main_navigation',
'Main-Navigation',
array(
'attributes' => array(
'layout' => 'column',
'flex' => 0,
'defaults' => array(
'columnWidth' => 0.5,
'labelWidth' => 180,
'margin' => '2 15 2 0'
)
)
)
);
$this->deviceMainNavigationTab->addElement($this->deviceMainNavigationFieldSet);
}
}