Steph Jensen Posted February 16, 2019 Share Posted February 16, 2019 Is there a way to add buttons into the text that i type in through the editor? I'd like to use the same CSS as the buttons on the rest of the site to maintain the same style, hover effects etc Any tips on how i can do this? On Wordpress, that i am used to, there is a shortcode to insert buttons. Is there a similar feature here, or whould i need to type in the HTML of a button, and how would i get hold of that? Link to comment Share on other sites More sharing options...
Steph Jensen Posted February 16, 2019 Author Share Posted February 16, 2019 <a href="#replyForm" class="ipsButton ipsButton_important ipsButton_medium ipsButton_fullWidth" data-action="replyToTopic">Reply to this topic</a> <a href="#replyForm" class="ipsButton ipsButton_important ipsButton_medium ipsButton_fullWidth" data-action="replyToTopic">Reply to this topic</a> I just right clicked on a button here on the site and chose Inspect. Whould it somehow work to past this in a post in a particular way? Link to comment Share on other sites More sharing options...
Joy Rex Posted February 18, 2019 Share Posted February 18, 2019 What are you trying to achieve by having the buttons in your text? Are you making some step-by-step instructions? Your editor will need to allow HTML in order to paste in the appropriate HTML/CSS to insert the button code, but be sure to remove things like HREFs and data- attributes as that could cause your pasted in button to behave just like the real thing (which is probably what you don't want happening). Link to comment Share on other sites More sharing options...
ToddKarlen Posted February 18, 2019 Share Posted February 18, 2019 I would as well be interested in how to create some buttons similar to above as well on a page below text like ... Thanks in Advance 😉 Link to comment Share on other sites More sharing options...
Pete T Posted February 18, 2019 Share Posted February 18, 2019 <a class='login' href="YOUR URL" seoTemplate="login" protocol="\IPS\Settings::i()->logins_over_https">YOUR TEXT</a> <a class='register' href="YOUR URL" seoTemplate="register">YOUR TEXT</a> Above two examples that can use Link to comment Share on other sites More sharing options...
Steph Jensen Posted February 22, 2019 Author Share Posted February 22, 2019 Thanks for the replies here! One more thing to add into all the advice, is that you need to enable HTML posts for your account. There is a warning to only allow this type of posts to groups that you trust. For me, i am the only administrator, so i could turn it on, and paste the html code for the buttons. As @Joy Rex asked, this is simply for a call to action promt. So when the user has read a whole page about clubs, i add two buttons. One primary button that maybe sends him/her to browse the Clubs, and an alternative option, that maybe sends the user to the category for more articles about clubs. It's simply to keep the user active and offer them reasons to stay on the site some more Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.