Topic Tag: Toolset Blocks

Problem: I would like to use a Toolset Button Block to function as a link to a custom Page containing a Form. Several Form fields are set up to accept values from URL parameters, so I need to add those URL parameters to the Button block's "Link", or destination URL, field. I have been able to use Types field shortcodes successfully as URL parameter values here, but a Views taxonomy shortcode does not seem to work. The same shortcode placed outside the Button block works as expected and displays the relevant term name.

Solution: Normally I would not expect shortcodes to work in the Button block's "Link", or destination URL, field. Instead I usually recommend a custom HTML block instead, using a combination of HTML, CSS, and Toolset shortcodes as seen in the following examples:

<div class="tb-button">
    <a href="https://yourseite.de/bewerbungsformular?rmail=[types field='e-mail-adresse' output='raw' item='@ansprechpartner-stelle.parent' ][/types]&rtitle=[wpv-post-title output='sanitize']&rklinik=[wpv-post-taxonomy type='standort' format='name']&rstelle=[types field='vertragsart' output='raw'][/types]" class="tb-button__link">
        <span class="tb-button__content">Bewerben</span>
    </a>
</div>

Then add CSS in the template to apply the desired background and text color to the button, like this:

.tb-button .tb-button__link {
    background-color: rgba( 6, 147, 227, 1 );
    color: rgba( 255, 255, 255, 1 );
}