Language dropdown

Gabor
Topic Author
Offline

10 years 7 months ago #1429 by Gabor

Language dropdown was created by Gabor

Dear Aicha,

This is totally off-topic, but I would like to know how you made the language dropdown.

Gábor :-)

Administrator AV
Offline

10 years 7 months ago #1430 by Administrator AV

Replied by Administrator AV on topic Language dropdown

Dear Gabor,

that is a nice feature, isn't it?

I made an override of the mod_language creating a new layout of the module in my template.
I modified the HTML in that new layout , so that it implements the bootstrap dropdown (and still works as the language switcher is supposed to). There are quite some changes to the code.
So, it's a custom development (as many things on my website, i.e. the dropdown of the top menu) and sadly not possible "out of the box" with Joomla!

Regards,
Aicha

I recommend you the new and up-to-date documentation for Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 4.
Please only ask 1 question per topic :-)

Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 5:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 4.
Bitte immer nur 1 Frage pro Thema stellen :-)

Gabor
Topic Author
Offline

10 years 7 months ago #1431 by Gabor

Replied by Gabor on topic Language dropdown

Yes, nice, I totally agree with you. And very practical. Much better than the option list.

I did my module override and make a toggle (based on Bootstrap docs), but I can not figure out how to display the active flag inside the toggle. Sorry for my English.
Can you share your code? Or give an advice?

Administrator AV
Offline

10 years 7 months ago #1432 by Administrator AV

Replied by Administrator AV on topic Language dropdown

Hi Gabor,

this is the code of my override file.

Code:

<?php
/**
 * @package     Joomla.Site
 * @subpackage  mod_languages
 *
 * @copyright   Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

JHtml::_('stylesheet', 'mod_languages/template.css', array(), true);
?>
<div class="mod-languages<?php echo $moduleclass_sfx ?>">



	<ul class="nav pull-right">
		<li class="dropdown">
			<a class="dropdown-toggle" data-toggle="dropdown" href="#">
			<?php foreach ($list as $language) : ?>
					<?php if ($language->active):?>
						<?php echo JHtml::_('image', 'mod_languages/' . $language->image . '.gif', $language->title_native, array('title' => $language->title_native), true);?>
					<?php endif; ?>
				<?php endforeach;?>
				<!-- <span class="icon-flag3"></span> -->
				<span class="caret"></span>
			</a>
			<ul class="nav-child unstyled small dropdown-menu">
			<?php if ($headerText) : ?>
				<li class="pretext"><p><?php echo $headerText; ?></p></li>
			<?php endif; ?>
				<?php foreach ($list as $language) : ?>
					<?php if ($params->get('show_active', 0) || !$language->active):?>
						<li class="<?php echo $language->active ? 'lang-active' : '';?>" dir="<?php echo JLanguage::getInstance($language->lang_code)->isRTL() ? 'rtl' : 'ltr' ?>">
						<a href="<?php echo $language->link;?>">
						<?php if ($params->get('image', 1)):?>
							<?php echo JHtml::_('image', 'mod_languages/' . $language->image . '.gif', $language->title_native, array('title' => $language->title_native), true);?>
							<?php echo $language->title_native; ?>
						<?php else : ?>
							<?php echo $params->get('full_name', 1) ? $language->title_native : strtoupper($language->sef);?>
						<?php endif; ?>
						</a>
						</li>
					<?php endif;?>
				<?php endforeach;?>
				<?php if ($footerText) : ?>
					<li class="posttext"><p><?php echo $footerText; ?></p></li>
				<?php endif; ?>
			</ul>
		</li>
	</ul>
</div>

In the module cofiguration I have DISABLED the "Use Dropdown" option. The other options are all set to yes.

At the moment, I'm not sure, whether I have additional CSS applied to the module, ( I don't think so) but you can figure that with the browser console yourself.

Regards,
Aicha