Surround website field with css button

4 years 8 months ago #313123 by Dragonrider
Surround website field with css button was created by Dragonrider
Hi, hope that someone can steer me in the right direction.

What I would like to do is change the displayed website url in the "Userlist Value Layout" from :[value] which shows Website: website url so it is surrounded by CSS that creates a shadowed button Asking people to "Click to view Website" instead of showing the (often) long url itself.

I have tried the following code
<button class="w3-btn w3-white w3-border w3-border-grey w3-round-xlarge">
Click to View Website
</button>

The effect of which works, BUT when I add the <a href="[value]"><button class="w3-btn w3-white w3-border w3-border-grey w3-round-xlarge">
Click to View Website
</button></a>

I end up with the Hyperlink and ">the shadowed button alongside it which does not link to the required link.

Please Log in to join the conversation.

4 years 8 months ago #313128 by krileon
Replied by krileon on topic Surround website field with css button
The [value] substitution is always formatted. If you want to substitute in the raw stored value you need to use [FIELD_NAME]. In the case of a Web Address field that will be the URL they supplied. See the below tutorial for further substitution usage information.

www.joomlapolis.com/documentation/279-community-builder/tutorials/18353-using-substitutions-throughout-cb


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.351 seconds

Facebook Twitter LinkedIn