Fabians
-
Posts
9 -
Joined
-
Last visited
Reputation Activity
-
Fabians got a reaction from fredric100 in OnClick function for Button
Update: Found the solution for this with some googling and fiddling with code from other posts. Posting it here in case someone else needs it:
<div class="sqs-block button-block sqs-block-button"> <div align="center"> <a onclick="myFunction()" class="sqs-block-button-element--large sqs-block-button-element" target="_blank">Button Text ></a> </div> </div> <script> ... your script to be triggered on click... </script>
-
Fabians reacted to tuanphan in OnClick function for Button
What do you want to do?
https://www.w3schools.com/jsref/event_onclick.asp
-
Fabians reacted to WHOisDANE in OnClick function for Button
Site URL: https://dtmg.io
Is there a way to add an onclick function to a button's href code? I've been googling and can't find anything. Thank you!
-
Fabians got a reaction from paul2009 in Help - how to create a list of services/features/products with an icon on top?
Thank you Paul! That worked great! I thought that wouldn't preserve the right order in mobile (I thought that would put the 3 images first and than the 3 text blocks), but I was wrong. I must have done some mistake when I tried it the first time! Problem solved, thank you! This works great for the image icons I intend to use and tuanphan's way is a great alternative for the other items. Thank you! 🙂
-
Fabians reacted to tuanphan in Help - how to create a list of services/features/products with an icon on top?
Hi, you can use Image Block
or follow this gude. https://beaverhero.com/squarespace-templates-icon-boxes/#Icon_Boxes_02
-
Fabians reacted to paul2009 in Help - how to create a list of services/features/products with an icon on top?
You can also do this with any image file. To do this:
Add three Image Blocks and place them side-by-side to create three columns. Size the icons to the required size before you upload them to the Image Blocks. If the icon is narrower than the content area (as it is in the example you provided) then you will see the required blank space on both sides of the image. This preserves the original image quality. Add a Text Block below each icon for the associated text.