Hello there! Welcome to Youjoomla Support Forums

We are Web Development Company specializing in Joomla Templates , Joomla Extensions and WordPress Themes development . You are not able to see some forum threads due to your memberhip level. To unlock all forums and special customer support please take few moments to signup . If you are just searching for free joomla templates , or free joomla extension support simply head to our Free Joomla Support forums and open a new thread. Our moderators will help you as soon as possible. To spead up the response time please take few seconds and go over forum rules

Have fun!

Downloaded link with Short Code or YJ extension

05-25-2016, 01:11 PM
# 1 (permalink)
Slowlyjam
Hello

Can a download link for a Document/file be setup with any feature/short code of the YJ Framework:

Thanks

Are you sure your are posting in product assigned forum?: Yes

What is your CMS version?: Joomla 3.x

MySQL Version: 5.x

PHP version: 5.x

Link to installation: http://maroons-jamaica.com/q/

Have you edited any files? If yes tell us which ones.: No

Is this personal or client website?: Personal
05-27-2016, 06:50 AM
# 2 (permalink)
arefund
Hello Slowlyjam.
The best way to do that is to create download link element button with the path to your file.
Kindness costs the least, but is worth the most!
05-27-2016, 10:43 AM
# 3 (permalink)
Slowlyjam
Thanks Arefund.

How do I do that please?
05-30-2016, 08:50 AM
# 4 (permalink)
arefund
Create custom module and create button inside like this:
<a href="your path to the file" class="your class for this button if need style">Download file</a>
Kindness costs the least, but is worth the most!
05-30-2016, 02:11 PM
# 5 (permalink)
Slowlyjam
Thank you Arefund,

Please explain "your class for this button if need style"

Thanks again.
05-30-2016, 05:15 PM
# 6 (permalink)
Slowlyjam
Hi Arefund.

I could not get it to work, but I used this:

<p style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="index.php/schedule" target="_blank"><img src="images/temp85253584up.png" alt="" /></a> &nbsp; &nbsp; &nbsp; &nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="images/stories/pdf/" download="programcomplete2016.pdf">Download Programme</a></p>

for the link button and the download and it works. Please look here .
My problem now is to have the download link in a button.

Thanks.
05-31-2016, 06:53 AM
# 7 (permalink)
arefund
You can add inside the a element class for your button so you can style it, like this:
<a href="images/stories/pdf/" download="programcomplete2016.pdf" class="downloadclass">Download Programme</a>

.downloadclass{
background: your button image path;
color: your color;
}
Kindness costs the least, but is worth the most!
05-31-2016, 06:41 PM
# 8 (permalink)
Slowlyjam
Thanks Arefund.

Could you please explain a bit more. I tried but I must be doing something wrong.
The button is at /stories/buttons/downloadbutton.png
Where do
.downloadclass{
background: your button image path;
color: your color;
}

go.

Thanks again.
06-01-2016, 07:34 AM
# 9 (permalink)
arefund
<a href="/q/index.php/schedule" target="_blank">
<img src="/q/images/temp85253584up.png" alt="">
</a>

Instead this:

href="/q/index.php/schedule"

your link should be your pdf file:

<a href="/q/images/stories/pdf/" target="_blank">
<img src="/q/images/temp85253584up.png" alt="">
</a>
Kindness costs the least, but is worth the most!
06-01-2016, 11:09 AM
# 10 (permalink)
Slowlyjam
Thanks Arefund.

I am totally confused. This is what I have presently.

<p style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="index.php/schedule" target="_blank"><img src="images/temp85253584up.png" alt="" /></a> &nbsp; &nbsp; &nbsp; &nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: center;">&nbsp;</p>
<p style="text-align: center;"><a href="images/stories/pdf/" class="downloadclass" download="programcomplete2016.pdf">Download Programme</a></p>

That represents the link button "programme details" and the download "download programme". Please see attachment. And they both work.

Instead of having a plain download link I would like to include a button. Please see attachment.

The download button is at
http://www.maroons-jamaica.com/q/ima...loadbutton.png

Thank you for your help.
Attached Images
File Type: png Screenshot_5.png (4.5 KB, 1 views)
File Type: png downloadbutton.png (6.5 KB, 1 views)
Thread Tools
Display Modes

Powered by vBulletin®
Copyright ©2000 - 2023, Jelsoft Enterprises Ltd.

Members Login

Username
Password