Help310

Help310:Extensions Module Manager Custom HTML

From Joomla! Documentation

Revision as of 05:48, 18 October 2021 by FuzzyBot (talk | contribs) (Updating to match new version of source page)
Other languages:
Deutsch • ‎English • ‎français

Description

The Custom Module allows you to create a self-contained HTML unit and then put it in any valid location on a page.

How to Access

Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No links here.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


To add a new Custom module or edit an existing Custom module, navigate to the Module Manager:

  • Select Extensions  Modules

Click the New button and click on Custom in the modal popup window.

To Edit an existing Custom module, in the Module Manager click on the Custom Modules Title or click the Custom module's check box and then click the Edit button in the Toolbar.

Screenshot

Help-3x-modules-site-module-manager-module-custom-html-en.png

Details

  • Title. The title of the module. This is also the title displayed in the Frontend for the module.

Module

Common Details

Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No links here.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


Menu Assignment

Help-3x-modules-site-module-manager-module-custom-html-menu-assignment-en.png

Module Assignment:

  • On all pages: Module is shown on all pages.
  • No pages: Module is not shown on any page.
  • Only on the pages selected: 'Menu Selection' will show with all the menu items on. You can assign modules by selecting the menu links that you want the module associated with on what pages modules appear.
  • On all pages except those selected: 'Menu Selection' list will show with all the menu items on. This allows you to assign modules by selecting the menu links that you want the module associated with on what pages modules don't appear.

Learn how to assign a module to specific pages.

Options

Help-3x-modules-site-module-manager-module-custom-html-options-en.png
  • Prepare Content. (Yes/No). Optionally prepare the content with the Joomla Content Plugins.
  • Select a Background Image. Select or upload an image that will automatically be inserted as an inline style for the wrapping div element.

Advanced

Help-3x-modules-site-module-manager-module-custom-html-advanced-en.png
  • Layout. If you have defined one or more alternative layouts for a module either in the template or Joomla Core, you can select the layout to use for this module.
  • Module Class Suffix. A suffix applied to the CSS class of the module. This allows you to create customized CSS styles that will apply just to this module. You would then modify the template.css or custom.css file of your template to apply styling to this new class.
    • Enter this parameter with a leading space to create a new CSS class for this module.
    • Enter the parameter without a leading space to change the CSS class name for this module.
  • Caching. (Use Global/No Caching) Whether or not to cache the content of this module. A setting of "Use Global" will use the 'Cache Settings' from Global Configuration.
  • Cache Time. The number of minutes for which to cache the item locally. It can safely be left at the default.
  • Module Tag. The HTML tag for the module to be placed in. By default this is a 'div' tag but other HTML5 elements (address/article/, …) can also be used.
  • Bootstrap Size. (0/…/12) This allows you to choose the width of the module via the span element built into bootstrap.
  • Header Tag. (h1/h2/h3/h4/h5/h6/p/div) The HTML tag to use for the modules header or title. Note: You must use a module style (chrome) of 'html5' or add your custom module styles in [yourtemplate]/html/modules.php.
  • Header Class. Here you can add optional CSS classes to add to the modules header or title element.
  • Module Style. You can use this option to override the templates style for its position.

Permissions

Help-3x-modules-site-module-manager-module-custom-html-permissions-en.png
Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No links here.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


  • Delete. (Inherited/Allowed/Denied). Allow or deny Delete for users in the Public group. Delete Allows users in the group to delete any content in this extension.
Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No links here.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


  • Edit. (Inherited/Allowed/Denied). Allow or deny Edit for users in the Public group. Edit Allows users in the group to edit any content in this extension.
Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No links here.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


  • Edit State. (Inherited/Allowed/Denied). Allow or deny Edit State for users in the Public group. Edit State Allows users in the group to change the state of any content in this extension.
Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No links here.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


  • Frontend Editing. (Inherited/Allowed/Denied). Allow or deny Edit from the frontend of the site for users in the group.

Toolbar

Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: No reason supplied!

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Mon, 18 Oct 2021 05:48:46 +0000


No links here.

Quick Tips

The editor does not allow you to enter certain HTML tags. To work around this, you can temporarily change your User's editor to "No Editor", create the Custom HTML Module, and then change the editor back to TinyMCE. Another option is to use an editor from an Extension that allows HTML code to be entered. Another possibility is (if the editor has this option) to switch to the HTML mode, enter the code, save and switch back to normal view.

Related Information

  • More about Modules: what is a module position, Description of the default Site and Administrator Modules.