News:

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

Main Menu
Support-Forum

Layout Fronend [solved]

Started by ABraker, 25.11.2015 20:59:27

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

ABraker

Hallo,

mein Template beinhaltet einen dunklen Hintergrund, so dass einige backgrounds nicht richtig dargestellt werden.
Wo kann man das Layout für einen dunklen Hintergrund einstellen oder den background-color:#EFEFEF;  auf background-color:none ändern?
In der Layout css konnte ich diese Einstellung nicht finden und Änderungen an der custom.css zeigen keine Wirkung.
Kann jemand helfen?
Um folgende Website handelt es sich: http://braker.eu/index.php/support/downloads

Vielen Dank.
Gruß
  •  

Arno

Hallo,
gehe zu Layouts und dann auf Details Layouts.
Öffne dann das in der Liste als "aktiviert" markierte Layout und ändere es wie gewünscht ab (siehe pic).

Zur Zeit arbeiten wir an komplett überarbeiteten und auch neuen Layouts (unter anderem auch für dunkle Templates). Diese werden vorrausichtlich im Januar vorgestellt. Zur einfacheren Installation wird die nächste Version (kommt in den nächsten Tagen) bereits eine Import- und Export Funktionen für Layouts verfügen.

[gelöscht durch Administrator]
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

ABraker

Hallo,

vielen Dank für die schnelle Rückmeldung. Hat wunderbar geklappt!
Auf dieser Seite habe ich jedoch selbes Problem und kann die Quelldatei ebenfalls zur Änderung nicht finden:

http://braker.eu/index.php/support/downloads/uncategorised

Wo kann ich hier den Quellcode anpassen?

Danke für die Unterstützung.

Gruß
  •  

Arno

QuoteWo kann ich hier den Quellcode anpassen?
Wie zuvor, nur musst du nun das Dateien Layout aufrufen.
Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

gerdon

Hallo,
ich muss das Thema noch mal hochholen.
Ich binde in einen Artikel über {jd_file file==xxx}einen Link ein.
Dieser sieht dann aus wie im Anhang.
Ich möchte das Layout anpassen, kann die Datei aber nicht identifizieren. Offensichtlich passt keine Layout-Datei in JDownloads --> Layout zum Quellcode. Modifikationen werden auch nicht übernommen.
Suche ich an der falschen Stelle?
Gruß
gerdon

[gelöscht durch Administrator]
  •  

Arno

Hi,
QuoteIch binde in einen Artikel über
Code: [Auswählen]
{jd_file file==xxx}
einen Link ein.
Du verwendest in dem Fall also das Content Plugin.
Auf dem letzten TAB in der jD Konfiguration kannst du einstellen, welches (Dateien) Layout dafür standardmäßig verwendet werden soll. Das Layout was hier ausgewählt wird muss nicht zusätzlich in der Liste der Dateien Layouts aktiviert sein, da es in dem Fall ja nur für das Plugin verwendet wird. Du kannst aber auch ein neues Layout nur für das Plugin erstellen oder ein bestehendes ändern.

Zusätzlich besteht die Möglichkeit, ein bestimmtes Layout direkt im Plugin Platzhalter festzulegen. Siehe Beispiele hier:
http://www.jdownloads.net/documentations/item/overview-and-installation-notes-for-jdownloads-plugins

Best Regards / Gruß
Arno
Please make a Donation for jDownloads and/or write a review on the Joomla! Extensions directory!
  •  

ColinM

Hi
Two layouts you might find useful with the Content plugin are Files Layout Single Line v3.2 or Files link only v3.2
Colin
Colin M
  •  

gerdon

Ok, die Seite für das Plugin hatte ich nicht auf dem Schirm. Ich war nur auf der Seite "Layouts" und ließ mich von der Angabe des aktiven Layouts blenden.
Ich habe mir nun ein eigenes Layout gebastelt, welches ausschließlich nur folgenden Code hat:
{file_pic}{file_title}
Das funktioniert auch soweit ganz gut, nur nicht, wenn ich es z.B. in eine Liste einbette. Dann sieht das im IE11 so aus: und im Firefox so: .
Das ist so natürlich nicht akzeptabel.
Im Quellcode sehe ich dass in jedem Listenpunkt der Link in ein <div> eingebettet ist. Die dazugehörende CSS-Klasse kann ich nicht finden. Ich weiß auch nicht, ob das der Grund für das seltsame Listen-Layout ist.
Gruß
gerdon
  •  

ColinM

Hi
Which version of jDownloads are you using?  You need to be at least at v43 but v44 would be better. 
The CSS class "jd_files_oneline" is in jdownloads_fe.css and it will be picked up automatically
You do need the surrounding <div class="jd_files_oneline"> ...  </div>

As from jD v43 you can import and export layouts as xml files.  So I have exported a simple layout that just shows the file icon and file title as a link. This is in the attached zip file "exported_layout_jd_3.2.44_Files_link_and_icon_v3.2.xml.zip" so please extract the file "exported_layout_jd_3.2.44_Files_link_and_icon_v3.2.xml" and then use the Layout import to upload from your PC

The first pic below shows the result when the 'code' in my article was as shown in the second  pic.

Colin

[gelöscht durch Administrator]
Colin M
  •  

gerdon

I use now version 3.2.43.
It creates this DIV: <div class="jd_content jd_content_plugin">.
There is no Text with "jd_files_oneline".
  •  

ColinM

Hi
Did you import the layout OK?  You do need to select it either by using Config - Plugin tab and selecting the default layout for use with the Content plugin or by
{jd_file onlinelayout==Files link and icon v3.2}
{jd_file file==nn}
where nn is the id of the download.  You do not need to repeat the onlinelayout bit if you have several  Downloads in the article, but it obvious is needed before the first one.

Colin
Colin M
  •  

gerdon

Ok, i did as you described. But the result doesn't changes in Firefox.
This is the Code:<p>{jd_file onlinelayout==Files link and icon v3.2}</p>
<div>
<ul>
<li>{jd_file file==2}</li>
<li>{jd_file file==3}</li>
<li>{jd_file file==4}</li>
</ul>
</div>
and this is the source text:<ul>
<li><div class="jd_content jd_content_plugin">


<div class = "jd_files_oneline" style=""><a href="....

There is still the class "jd_content jd_content_plugin".
Your example didn't contain the ul and li-tags. So please test the code with a list.
gerdon
  •  

ColinM

Hi
First the code line
<div class="jd_content jd_content_plugin">
is generated by the plugin itself for each instance of {jd_file file==nnn}

In my test article the text is like that shown in pic layout03.png
The html cde in the article is
<p>{jd_file onlinelayout==Files link and icon v3.2}</p>
<p>{jd_file file==25}<br />{jd_file file==31}<br />{jd_file file==65}<br />{jd_file file==5}</p>

The result on the screen is shown in pic layout04.png
The code generated for each {jd_file file==nnn} becomes something like

<div class="jd_content jd_content_plugin">
  <div class="jd_files_oneline" style="">
     <a href="/list-all-cats/download/9-topcat-sub1/25-http-www-decorative-coving-co-uk-products">
      <img src="........images/jdownloads/fileimages/pdf.png" alt="" align="top" border="0" height="32" width="32"></a>
     <a href="/list-all-cats/download/9-topcat-sub1/25-http-www-decorative-coving-co-uk-products">decorative-products  For Uploaders</a>
  </div>
</div>
<br />


From your response I presume you are seeking to have the links in an unordered list.
So that in the editor it looks like pic layout05.png
and in htmlcode as
<p>This is start of a list&nbsp; {jd_file onlinelayout==Files link and icon v3.2}</p>
<ul>
   <li>{jd_file file==25}</li>
   <li>{jd_file file==31}</li>
   <li>{jd_file file==65}</li>
   <li>{jd_file file==5}</li>
</ul>
<p>End of list</p>


Without any extra CSS this creates a very, very messy layout.  So you need to add the following css into jd_custom.css
.jd_content_plugin {
    float: none;
    display: inline-block;
    clear: none;
}

The css class jd_content_plugin was introduced into jDownloads v44 specifically to allow solutions such as above.  In fact in the  next release I fully anticipate that the above css will be there by default.  It actually "undoes" some of the setup needed in the main views but which is a nuisance in the plugin.

After adding in the above css it gives a screen view as shown in pic layout06.png which I think is what you want.
Colin

[gelöscht durch Administrator]
Colin M
  •  

gerdon

Hello,
now back from holiday, but the Problem still exists.
With the "jd_custom.css" i can modify the list, so it works fine. Thank you for that.
But when I place the link in a sentence, the automatic created div-layer places a new line.
Code:Nun folgt ein Link ({jd_file file==4}) innerhalb eines Satzes.
Shown text:
Source code:<p class="zeile">Nun folgt ein Link (<div class="jd_content jd_content_plugin"><a href="/component/jdownloads/send/3-xxx/4-geschuetzte-datei.html"><img src="https://www.joomla.webdon.de/images/jdownloads/fileimages/pdf.png" align="top" width="20" height="20" border="0" alt="" /></a><a target="_blank" href="/component/jdownloads/send/3-xxx/4-geschuetzte-datei.html" title="Download" class="jd_download_url">Geschützte Datei</a>
</div>) innerhalb eines Satzes.</p>

Is this div-layer really necessary?
  •  

ColinM

Hi
Yes the div layer is essential.  I do have an update to the CSS to avoid the new lione.  This will come with the next release but in the meantime I have attached the latest CSS for jdownloads_fe.css.  The attached zip contains a file called jdownloads_fe-MASTER.css which you need to rename as jdownloads_fe.css and overwrite the existing version.
If you send me a private message (click on square blob under my name) with super admin access I can load it for you and check out the css.

Colin

[gelöscht durch Administrator]
Colin M
  •