J3.x:Using the JToolbar class in the frontend - Revision history

Lorangerart: Missing ";" in code.

2022-12-21T12:54:57Z

Missing ";" in code.

← Older revision		Revision as of 12:54, 21 December 2022
Line 73:		Line 73:
	ToolbarHelper::title($title);		ToolbarHelper::title($title);
	ToolbarHelper::addNew('youritem.add', 'COM_MYEXTENSION_BUTTON_CODE_NEW');		ToolbarHelper::addNew('youritem.add', 'COM_MYEXTENSION_BUTTON_CODE_NEW');
	ToolbarHelper::back()		ToolbarHelper::back();

	return Toolbar::getInstance()->render();		return Toolbar::getInstance()->render();

2022-11-20T00:12:21Z

Several markup changes. Words2Watch corrections.

2019-12-30T22:13:37Z

2016-12-06T10:17:25Z

added components/com_content/views/form/tmpl/edit.php as example of defining buttons in frontend view-template

← Older revision		Revision as of 10:17, 6 December 2016
Line 96:		Line 96:
	</div>		</div>
	</source>		</source>

			This is how it is done with frontend editing in com_content at the moment, see https://github.com/joomla/joomla-cms/blob/staging/components/com_content/views/form/tmpl/edit.php#L151-L167

	You can use Joomla.submitbutton('yourtask') to submit the task you want to. The Joomla javascript to handle this is included in the template head via: <source lang="php">		You can use Joomla.submitbutton('yourtask') to submit the task you want to. The Joomla javascript to handle this is included in the template head via: <source lang="php">

2016-12-06T10:08:03Z

also add some language files

← Older revision		Revision as of 10:08, 6 December 2016
Line 108:		Line 108:
	{{underconstruction}}		{{underconstruction}}

	== Include some stylesheets from the backend ==		== Include some stylesheets and language files from the backend ==
	To properly horizontally align the buttons.		To properly horizontally align the buttons and to get translations of buttons as defined in backend.
	{{underconstruction}}		{{underconstruction}}


	== Custom frontend buttons ==		== Custom frontend buttons ==

2016-12-04T15:38:03Z

Routing and SEF URLs

← Older revision		Revision as of 15:38, 4 December 2016
Line 103:		Line 103:
	== Routing and SEF URLs ==		== Routing and SEF URLs ==

	Usually in the frontend Search Engine Friendly (SEF) URLs are used. This is different from the backend and can give some bugs~~, especially with link-buttons~~. You'll have to adjust the router.php of your component.		Usually in the frontend Search Engine Friendly (SEF) URLs are used. This is different from the backend and can give some bugs. You'll have to adjust the router.php of your component.

			ToDo: give an example problem and solution.
	{{underconstruction}}		{{underconstruction}}

2016-12-04T13:31:36Z

added another under construction section (stylesheets to horizontally align the buttons)

← Older revision		Revision as of 13:31, 4 December 2016
Line 105:		Line 105:
	Usually in the frontend Search Engine Friendly (SEF) URLs are used. This is different from the backend and can give some bugs, especially with link-buttons. You'll have to adjust the router.php of your component.		Usually in the frontend Search Engine Friendly (SEF) URLs are used. This is different from the backend and can give some bugs, especially with link-buttons. You'll have to adjust the router.php of your component.
	{{underconstruction}}		{{underconstruction}}

			== Include some stylesheets from the backend ==
			To properly horizontally align the buttons.
			{{underconstruction}}


	== Custom frontend buttons ==		== Custom frontend buttons ==

2016-12-04T09:04:19Z

Added some categories and 2 sections under construction (routing and front end buttons).

@@ Line 100: / Line 100: @@
 <script src="/media/system/js/core.js"></script>
 </source>
 [[Category:Development]]

2016-12-03T13:10:03Z

Or define the toolbar buttons without using JToolbar

← Older revision		Revision as of 13:10, 3 December 2016
Line 88:		Line 88:

	<source lang="php">		<source lang="php">
	<div class="btn-toolbar">		<div class="btn-toolbar">
	<div class="btn-group">		<div class="btn-group">
	<button type="button" class="btn btn-primary" onclick="Joomla.submitbutton('yourviewname.add')">		<button type="button" class="btn btn-primary" onclick="Joomla.submitbutton('yourviewname.add')">
	<i class="icon-new"></i> <?php echo JText::_('JNEW') ?>		<i class="icon-new"></i> <?php echo JText::_('JNEW') ?>
	</button>		</button>
	</div>		</div>
	</div></source>		</div>
			</source>

	You can use Joomla.submitbutton('yourtask') to submit the task you want to. The Joomla javascript to handle this is included in the template head via: <source lang="php">		You can use Joomla.submitbutton('yourtask') to submit the task you want to. The Joomla javascript to handle this is included in the template head via: <source lang="php">

2016-12-03T13:08:16Z

Or define the toolbar buttons without using JToolbar

← Older revision		Revision as of 13:08, 3 December 2016
Line 90:		Line 90:
	<div class="btn-toolbar">		<div class="btn-toolbar">
	<div class="btn-group">		<div class="btn-group">
	<button type="button" class="btn btn-primary" onclick="Joomla.		<button type="button" class="btn btn-primary" onclick="Joomla.submitbutton('yourviewname.add')">
	submitbutton('yourviewname.add')">
	<i class="icon-new"></i> <?php echo JText::_('JNEW') ?>		<i class="icon-new"></i> <?php echo JText::_('JNEW') ?>
	</button>		</button>
Line 97:		Line 96:
	</div></source>		</div></source>

	You can use Joomla.submitbutton() to submit the task you want to. The Joomla javascript is included in the template head via <source lang="php">		You can use Joomla.submitbutton('yourtask') to submit the task you want to. The Joomla javascript to handle this is included in the template head via: <source lang="php">
	<script src="/media/system/js/core.js"></script>		<script src="/media/system/js/core.js"></script>
	</source>		</source>

	[[Category:Development]]		[[Category:Development]]