nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Show and hide elements in a Velocity Template using a button

matias_2tsrnv

Hi everyone, i'm new on creating velocities templates, and I wonder how to hide and show a table or any html element using a button, if it's clicked the element is shown, clicked again and this should be hidden, I've seen a similar question here but it didn't involved an event trigger by an action like clicking a button, thanks!

Accepted answers

All comments

Alexey Matveev

Hello,

If you define your own velocity template then you should use Jquery to hide an element. Something like AJS.$("element").hide(). Have a look at jquery documentation.

matias_2tsrnv

So I can use jquery with my template so I could use something like

<button onClick="AJS.$("element").hide()">

but my question is this, if I'm gonna use jqueryl for this, besides adding the library in the head should I need more configuration to make jquery works on my template? I ask this because I tried doing this with javascript but the templates shows only velocity sintaxis and ignores completely my js.

Alexey Matveev

Where do you change your velocity file? Is it a plugin you are developing?

matias_2tsrnv

I'm on the server using java(theres where I change it), then I use a server method to send that template to be shown on an email.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

jira

developer