Sign Up for OSTraining

Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
  • Page:
  • 1

TOPIC: Radio Button with link

Radio Button with link 1 year 3 days ago #46247

  • dbloniarz
  • dbloniarz's Avatar
  • OFFLINE
  • OSTarlet
  • I am so lost using Joomla!
  • Posts: 47
  • Karma: 0
Is there a way to add a Radio Button to a list of items in a Joomla article, so that when one is clicked it will link to another article. I don't think I need to create a form, and was wondering if there was a simple way to accomplish this. My boss likes the looks of radio buttons, as opposed to unordered lists. Thanks.
Please become a member of OSTraining to reply to this post.

Radio Button with link 1 year 3 days ago #46249

  • edandrea
  • edandrea's Avatar
  • OFFLINE
  • OSTop Dog
  • Posts: 3106
  • Thank you received: 7
  • Karma: 0
Hi dblonaiarz,

Here's a java script you can get to do that. Check this out and see it might work. If not let us know. There are several ways to accomplish this. But if this one works, it will save you a lot of trouble.

www.javascriptkit.com/script/cut25.shtml

Let us know.
Ed

Please become a member of OSTraining to reply to this post.

Radio Button with link 1 year 2 days ago #46266

  • dbloniarz
  • dbloniarz's Avatar
  • OFFLINE
  • OSTarlet
  • I am so lost using Joomla!
  • Posts: 47
  • Karma: 0
I am way new to Joomla, CSS and Stylesheets. I have been taking the video tutorials related to CSS, Sytlesheets, etc, and have been trying to learn on the fly so that I can get my site up and running.

But, now, I guess I have to try to figure out Java. All of these are very intimidating, and getting me discouraged, since I am so new to all of this. But, I want to figure it out, so that I will know how to use the Joomla CMS.

I looked a the link suggested for adding a radio button, but I am totally lost. I don't know where to find the "<head> section of your document" or where to find the "<body> tag". If I did, I am also lost on how to link the selected radio button to another URL.

Can anyone help simplify the steps I need to take in order to get me on track.

Thanks.
Please become a member of OSTraining to reply to this post.

Radio Button with link 1 year 2 days ago #46273

  • Nick
  • Nick's Avatar
  • OFFLINE
  • Administrator
  • Posts: 16726
  • Thank you received: 371
  • Karma: 54
Hi dbloniarz,

Are you set on having it appear as a Radio Button, or would you be OK with changing the styling so that it's more appealing to the eyes?

If the latter, check out the following documentation:
www.w3schools.com/css/css_list.asp

You can place the following code in your template's CSS file to give the unordered list markers a circular look which looks very similar to radio buttons:
ul.a {list-style-type: circle;}

Hope this helps! Let us know if you have any questions.

Kind regards,
Nick
Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining
Please become a member of OSTraining to reply to this post.
  • Page:
  • 1

Sign Up for OSTraining



Contact Us

Phone: (+1) 678-830-2168

Email: support@ostraining.com

followusfacebookfollowtwitterfollowgoogle+


Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.