How to add extra buttons with url like Documentation? PLEASE

[ibrahim]

Hello All, How to add extra buttons with url like Documentation?
Please screenshot

Will wait help from you! 



Regards,
Ibrahim

[gelöscht durch Administrator]

[Arno]

Hi,
jDownloads supported content plugins. So you could use as example the xtypo button plugin (not self tested):
https://extensions.joomla.org/extension/xtypo-button 
See video here:
https://www.youtube.com/watch?v=w-Ra88GJ7bs

But i think it exists still others.

[ibrahim]

@Arno Thank you very much. Do you any free plugin that I can test it?
I liked Xtypo but I searched and didn't find anyone using it or any thing about Jdownloads and Xtypo together. 

[Arno]

It should also be possible to use the colored button from jDownloads self. But i'm not in my office. So you must wait a few hours.

[ColinM]

Hi
Arno's suggestion is probably better but I thought you would like to know that Xtypo does work OK in jDownloads. See pic.

I will look into using one of the jD buttons. This could go in a Files layout with your additional buttons on a separate line. You would need to insert the link address manually.  Please indicate where you would ideally like the extra buttons and I will see what can be done. This could be useful generally.

Colin
PS it would help if you could send site details by PM

[gelöscht durch Administrator]

[Arno]

Additional to Colins hint i have here a fast example with the jD buttons. See pic.
Here is the source code for the buttons:

Code Select Expand

<table>
<tbody>
<tr>
<td><a class="jdbutton jorange jsmall" href="http://www.google.com" title="Link to Google">Small</a></td>
<td><span class="jdbutton jblue jmedium">Medium</span></td>
<td><a class="jdbutton jred">Standard</a></td>
</tr>
<tr>
<td colspan="3"><span class="jdbutton jgreen">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</span></td>
</tr>
</tbody>
</table>

I think much more is possible.
Here are more examples from the creator website:
http://www.webdesignerwall.com/demo/css-buttons.html

[gelöscht durch Administrator]

[ColinM]

Hi
Yes the buttons work very well. As well as in Descriptions they can be used in layouts. See pic below.
Code in <div> style layout follows but I need to just refine a bit more. Think I might define some extra classes to simplify a little.

Code Select Expand

<div class="jd_clear"></div>
<div class="jd_button_wrapper" style="padding-top: 5px; float:right;">
   <span  style=""><a class="jdbutton jpink jsmall" href="http://www.google.com" target="_blank">Test Button 3</a></span>
   <span  style=""><a class="jdbutton jgreen jsmall" href="http://www.google.com" target="_blank">test button 2</a></span>
   <span style=""><a class="jdbutton jrosy jsmall" href="http://www.google.com" target="_blank">test button 1</a></span>
</div>
Actually could put a version of the class into the <span> Also the style="padding-top: 5px; float:right;" will be in jd_button_wrapper
When we are happy with this I will write an article.
Colin
PS changed css a little for Centered buttons in second pic - replaced float: right; with text-align: center;

[gelöscht durch Administrator]

[ibrahim]

Hello al, and thanks for sharing! Anyway I have purchased Xtypo Button plugin becuase it have nice themes and can be used in other places but I have some problems:
I did everything from description but the buttons not working. see screenshot (Buttons not working in articel.png).

Also for Jdownloads when I add anything in the editor and save all the HTML tags will removed, I have turned off Remove empty HTML tags! but same. see screenshots (Remove empty HTML tags.png).

Thanks and will wait from you.


Best regards,
Ibrahim

[gelöscht durch Administrator]

[ibrahim]

I received an answer now from developer this video:

Hi,
Working with button is indeed a bit tricky because tiny mce will automatically wrap <a> tag with <p> tag make it a bit hard to select the text.
Please see this video : https://www.dropbox.com/s/iy2ka1amz5p4y56/xtypobtn11.mp4?raw=1 to see the workaround. On the video, you can see that I pressed 'Return' key three times before adding url to the text.

[ColinM]

Hi

Could you say where you would like the buttons? Is it in the jD Download descriptions or in a layout?
It is also probably easier  to insert plugin code by direct typing rather than by using the button as you are in better control. I used the JCE editor
When I get back to my main PC I will post some examples
Colin

[Arno]

Maybe should you use the JCE editor. He is much better and more comfortable.

[ibrahim]

Hi

Could you say where you would like the buttons? Is it in the jD Download descriptions or in a layout?
It is also probably easier  to insert plugin code by direct typing rather than by using the button as you are in better control. I used the JCE editor
When I get back to my main PC I will post some examples
Colin

Thanks @ColinM will wait your examples! I would like add the buttons in Category and Download Details layout, im using the standred theme layouts from Jdownloads. So if you can please upload it here! cheers

[ibrahim]

I have updated the xtypo plugin so its not important because will continue with this plugin but maybe if you share its will help the others