Use card as link

Discussion/Misc
1

Hi there,
for my startpage I have created some card objects. Now I want to add link functionality to them, so that the cards become buttons. How can I achieve this?

My card looks like this:

<div class="startpage-frame"> <!-- Dritter Inhaltskasten-->
<div class="heading">
<span class="startpage-frame--icon bi bi-telephone"></span>
<br/> 
<span class="startpage-frame--text">Kontakte</span>
</div>
</div>

Thanks in advance.

2

Hello Otti, welcome to the BlueSpice Community Forums!

The application does not allow raw HTML links in WikiText. You can either link the word “Kontakte” itself ([[...]])

<div class="startpage-frame"> <!-- Dritter Inhaltskasten-->
<div class="heading">
<span class="startpage-frame--icon bi bi-telephone"></span>
<br/> 
<span class="startpage-frame--text">[[Kontakte]]</span>
</div>
</div>

or assign an ID and use some JavaScript in the MediaWiki:Common.js page

<div class="startpage-frame" id="kontakte-card"> <!-- Dritter Inhaltskasten-->
<div class="heading">
<span class="startpage-frame--icon bi bi-telephone"></span>
<br/> 
<span class="startpage-frame--text">Kontakte</span>
</div>
</div>

$( document ).on( 'click', '#kontakte-card', function() {
    window.location.href="https://...";
} );