| Both sides previous revision Previous revision Next revision | Previous revision Next revisionBoth sides next revision |
| en:2.0:admidio_customization [2021/01/22 13:33] – [How can I customize the overview page ?] fasse | en:2.0:admidio_customization [2021/01/24 06:35] – [How can I customize the overview page ?] fasse |
|---|
| Admidio normally displays an overview page with various plugins when called and after a successful login, such as the latest announcements, the latest files and documents or upcoming birthdays.\\ | Admidio normally displays an overview page with various plugins when called and after a successful login, such as the latest announcements, the latest files and documents or upcoming birthdays.\\ |
| {{:en:2.0:documentation:layout:overview.png?400|Admidio overview page}}\\ | {{:en:2.0:documentation:layout:overview.png?400|Admidio overview page}}\\ |
| If you don't want to see some of the already stored plugins or if you want to add more, you can do this in the corresponding template file. This is located at ''http://www.your-webpage.com/admidio/adm_themes/simple/templates/overview.tpl''. In this file you find now different HTML blocks, which have the following structure: <code html><div class="col-sm-6 col-lg-4 col-xl-3"> | If you don't want to see some of the already stored plugins or if you want to add more, you can do this in the corresponding template file. This is located at ''http://www.your-webpage.com/admidio/adm_themes/simple/templates/overview.tpl''. In this file you find now different HTML blocks, which have the following structure: <code html><div class="col-sm-6 col-lg-4 col-xl-3" id="admidio-card-plugin-birthday"> |
| <div class="card admidio-roles" id="admidio-card-plugin-birthday"> | <div class="card admidio-roles"> |
| <div class="card-body"> | <div class="card-body"> |
| {load_admidio_plugin plugin="birthday" file="birthday.php"} | {load_admidio_plugin plugin="birthday" file="birthday.php"} |
| </div> | </div> |
| </div></code> Search there for your no longer wanted plugin ''plugin="birthday"'' and then remove this block completely.\\ \\ | </div></code> Search there for your no longer wanted plugin ''plugin="birthday"'' and then remove this block completely.\\ \\ |
| If you want to add another plugin, you can duplicate such a block. Important is the entry at **plugin** and **file**. This is the folder name and the HTML or PHP file which should be displayed. The plugin must be in the folder adm_plugins. For example, if you want to display the file under ''adm_plugins/contactform/index.html'', the code block would look like this: | If you want to add another plugin, you can duplicate such a block and deposit the plugin. We now create a simple HTML page that should be included in the overview. For this we create a new subfolder **test** in the folder **adm_plugins**. In this subfolder we now create a file ''output.html'' with the following content: <code html><h3>Test</h3> |
| <code html><div class="col-sm-6 col-lg-4 col-xl-3"> | This is the content of <b>any html file</b> from a subfolder of adm_plugins.</code> You can now integrate the content of this file as another block in the overview with the following code: |
| <div class="card admidio-roles" id="admidio-card-plugin-contactform"> | <code html><div class="col-sm-6 col-lg-4 col-xl-3" id="admidio-card-plugin-test"> |
| | <div class="card admidio-roles"> |
| <div class="card-body"> | <div class="card-body"> |
| {load_admidio_plugin plugin="contactform" file="index.html"} | {load_admidio_plugin plugin="test" file="output.html"} |
| </div> | </div> |
| </div> | </div> |
| </div></code> | </div></code> The result together with a few plugins that have been removed may then look like this:\\ |
| | {{:en:2.0:documentation:layout:overview_customized.png?400|Customized overview}} |
