News:

Dear forum visitors, if the support forum is not available, please try again a few minutes later. Thanks!

Main Menu
Support-Forum

[Solved] How to put in one row all info about a file dowload?

Started by jassinho, 25.06.2014 14:16:05

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

jassinho

Hello, how can I show in only each row of the table (1 column) "name of the file to download" -->"data"-->"size"-->"n° of download" ?

In attached there is a screenshot.

Thanks all in advance


[gelöscht durch Administrator]
  •  

ColinM

Hi
Are you looking to arrange such as in layout01.png attached?
I believe the layout you are showing is in Download details. In any case you need to go to the jDownloads Contropl panel and select layouts The basic scheme is that you should create a new layout by copying an existing layout and giving it a new name.

You can then move the various place-holders to the position you want.  Then save the new layout and set it as the default.

Colin
PSnever edit the existing layouts, always male a copy

[gelöscht durch Administrator]
Colin M
  •  

jassinho

Hello and thanks for replay.

In wich way I can modify the following code to obtain the result in attacched?

<div style="padding-top:15px;padding-bottom:10px;" height="38" colspan="3" valign="top"><span style="font-weight: bold;font-size:13pt;">{file_pic} {file_title} {pic_is_new} {pic_is_hot} {pic_is_updated}</span>
     <div style="float: right;">{rating}</div>
</div>

<div>{description_long}</div>
<div>{mp3_player}</div>
<div>{mp3_id3_tag}</div>

<div style="padding:5px 5px 10px 5px;overflow: hidden;margin-bottom: 10px;margin-top: 8px;">
<div style="float: left;"><div style="display: block;text-align: center !important;vertical-align: middle !important;">{screenshot_begin}<a href="{screenshot}" rel="lightbox"><img style="border : 1px solid lightgray;  padding:4px; margin-right: 5px;" src="{thumbnail}" align="right" /></a>{screenshot_end}</div></div>
<div style="float: left;"><div style="display: block;text-align: center !important;vertical-align: middle !important;">{screenshot_begin2}<a href="{screenshot2}" rel="lightbox"><img style="border : 1px solid lightgray;  padding:4px; margin-right: 5px;" src="{thumbnail2}" align="right" /></a>{screenshot_end2}</div></div>
<div style="float: left;"><div style="display: block;text-align: center !important;vertical-align: middle !important;">{screenshot_begin3}<a href="{screenshot3}" rel="lightbox"><img style="border : 1px solid lightgray;  padding:4px; margin-right: 5px;" src="{thumbnail3}" align="right" /></a>{screenshot_end3}</div></div>
<div style="float: left;"><div style="display: block;text-align: center !important;vertical-align: middle !important;">{screenshot_begin4}<a href="{screenshot4}" rel="lightbox"><img style="border : 1px solid lightgray;  padding:4px; margin-right: 5px;" src="{thumbnail4}" align="right" /></a>{screenshot_end4}</div></div>
<div style="float: left;"><div style="display: block;text-align: center !important;vertical-align: middle !important;">{screenshot_begin5}<a href="{screenshot5}" rel="lightbox"><img style="border : 1px solid lightgray;  padding:4px; margin-right: 5px;" src="{thumbnail5}" align="right" /></a>{screenshot_end5}</div></div>
</div>

<div style="margin-left: 5px;margin-bottom: 15px;clear: both;padding: 8px;background-color: #f4f4f4;border: 1px solid #dfdfdf;margin-top: 3px;border-radius: 5px;"> 
    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="padding:5px 10px 5px 10px;">
   
    <tr>
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{release_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{release}&#160;</td>
   
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{hits_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{hits_value}&#160;</td>
    </tr>

    <tr>
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{filesize_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{filesize_value}&#160;</td>
   
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{created_date_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{created_date_value}&#160;</td>
    </tr>
   
    <tr>
    <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{language_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{language_text}&#160;</td>
   
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{modified_date_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{modified_date_value}&#160;</td>
    </tr>

    <tr>
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{price_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{price_value}&#160;</td>
   
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{created_by_title}&#160;</span></td>
        <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{created_by_value}&#160;</td>
    </tr>

    <tr>
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{license_title}&#160;</span></td>
        <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{license_text}&#160;</td>
   
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{modified_by_title}&#160;</span></td>
        <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{modified_by_value}&#160;</td>
    </tr>
   
    <tr>
       <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{author_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{author_text}&#160;</td>
   
        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">&#160;</td>
    </tr>

    <tr>
    <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">{author_url_title}&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">{author_url_text}&#160;</td>

        <td style="margin: 0px;padding: 0px 0px 5px;width: 100px;vertical-align: top;color: #464646;">
    <span style="border-bottom: 1px dotted #b7b7b7;padding: 5px 0px;width: 100px;position: absolute;display: block;z-index: 0;"></span>
    <span style="font-weight: bold;padding-right: 3px;background-color: #f4f4f4;position: relative;">&#160;</span></td>
    <td style="padding: 0px 0px 0px 6px;width: 200px;vertical-align: top;">&#160;</td>
    </tr>
   
    <tr>
    <td style="padding-top:15px;padding-bottom:10px;" colspan="4" align="center" valign="middle">
    <p align="center"><font size="2">{url_download}</font>{mirror_1} {mirror_2}</p></td>
    </tr>
    <tr><td style="padding-top:5px;padding-bottom:5px; font-size:11px;" colspan="4" align="center" valign="middle">{report_link}</td></tr>
</table>
</div>


Regards
  •  

ColinM

Hi
The code you showed is automatically generated from the Layout so it is not a direct fix of the code that you need but a modified layout. Then the appropriate code will be generated.  To assist it is necessary to know which layout is being used. Could you post screen shot of the entire page as there are several possibilities.

Also please go to jDownloads Control Panel and select Layouts This will show six layout blocks, a language block and a css block. See pic layout02.png   Please click on each layout block in turn and post a picture of what you see- for example when clicking on Categories I get pic like layout03.png

Colin 


[gelöscht durch Administrator]
Colin M
  •  

jassinho

Hello and thanks.

In attached the pics regarding my configuration layout.

[gelöscht durch Administrator]
  •  

ColinM

Hi
The layout you need to modify is Standard Files Layout v2.5 in Files Layouts
It produces the layout as shown in pic layouts10.png  The only change is to add the name of the layout in the 'Before' box of that layout as shown in pic layouts11.png

The first step is to make a new version of the Layout as a variant of the Standard Files Layout v2.5 -to have a fall back position just in case.
Click on the Standard Files Layout v2.5 name and then click on the Save & New as shown in pic  layout11A.png
This creates a new version which is identical to the previous one except now we can give it a Name as shown in pic layout11B.png.  I choose the name for the new one as "Standard Files Layout modified" - see pic pic layout11c.png.  At this stage do another Save and Check that you now have the new version shown in the Files Layouts - pic layout11D.png

Activate and Save so that it now looks like pic layout11F.png Then check that your front end is still working ok with the new layout as the active one.  It should not have changed of course - except I forgot to suggest you change the 'before layout'  box appropriately.

Now we can begin modifying the Layout
As you can see in pic layout12.png  the layout is a table structure with many placeholders  The original as shown in layout12.png and the first code section below produces the first arrangement.

The modified version as shown in the second code section below produces the desired output as shown in pic layout14.png  You will see that I have left some placeholders in position as a second line.  You coiuld delete all of those of course but a description is a very, very useful item because it will form part of any search.

original version

{files_title_begin}<div style="background-color:#EFEFEF; padding:6px;">
{files_title_text}</div>{files_title_end}

<table width="100%" border="0" cellpadding="5" cellspacing="5" style="background:#F8F8F8;border-bottom:1px solid #cccccc;">
     <tr valign="top">
        <td width="90%" valign="top">{file_pic} <b>{file_title}</b>
          {release} {pic_is_new} {pic_is_hot} {pic_is_updated}
        </td>
     </tr>
     <tr valign="top">
        <td valign="top" class="jd_body">{description}</td>       
        <td valign="top" class="jd_body" width="90%">{screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}" align="right" alt="" /></a>{screenshot_end}</td>
     </tr>
     <tr>
        <td valign="top" width="10%" align="center"></td>
     </tr>
     <tr>
        <td style="background:#F8F8F8; padding:5px;" valign="top" width="90%"><small>{license_text} {author_text} {author_url_text} {created_date_value} {language_text} {system_text} {filesize_value} {hits_value}</small></td>
        <td valign="top" width="10%" align="center">
            {checkbox_list}
        </td>
     </tr>
</table>

modified
{files_title_begin}<div style="background-color:#EFEFEF; padding:6px;">
{files_title_text}</div>{files_title_end}

<table width="100%" border="0" cellpadding="5" cellspacing="5" style="background:#F8F8F8;border-bottom:1px solid #cccccc;">
     <tr valign="top">
        <td width="90%" valign="top">{file_pic} <b>{file_title}</b>
          {release} {pic_is_new} {pic_is_hot} {pic_is_updated}<small>{license_text} {author_text} {author_url_text} {created_date_value} {language_text} {system_text} {filesize_value} {hits_value}</small>
        </td>
       <td valign="top" width="10%" align="center">
            {checkbox_list}
        </td>
     </tr>
     <tr valign="top">
        <td valign="top" class="jd_body">{description}</td>       
        <td valign="top" class="jd_body" width="90%">{screenshot_begin}<a href="{screenshot}" rel="lightbox"> <img src="{thumbnail}" align="right" alt="" /></a>{screenshot_end}</td>
     </tr>
</table>


Colin

[gelöscht durch Administrator]
Colin M
  •  

jassinho

  •