cuckoofairweb

Hi Jeff,

I thought I’d share some of my experiences (as enhanced with David’s excellent support) – using the browser’s Inspect I spotted that:
The line spacing appears to be coming from the style on your gallery item:
#top .gallery .gallery-item {
margin: 1px 1px 0 0;
width: 80px;
height: 80px;
padding: 0;
}
It’s the height that increases the spacing.

Also, the class for gallery-icon has a trailing space which may be affecting it pick up the style for that class.

For info my MLA pages that display PDFs are here https://downtonparishcouncil.gov.uk/main-council/agendas-and-minutes

David,

Hi another update… I was puzzled as I use the same basic-2-column style and markup across the site but they all seemed to working ok.

So I had a look and found that for the existing files they all had had their name field populated with the filename. And so the orderby= name worked ok.

So I am now more puzzled as to why for the last couple of days the name field has stopped being auto populated as before this recent turn of events I had not needed to create a mapping rule for the Name field.

I am using WordPress 5.7 running Responsive theme and MLA Version 2.95

David,

hi a quick update, I gave up on using a standard field to do the filename sorting as my basic issue was I couldn’t find one.

So I just copied over the filename into a another field eg Name and then sort by that – eg set the Name/Slug field to template:[+file_name+]

Only minor point is that the . between file name and extension is replaced by a – but that doesn’t matter.

Is this the only way?

cheers

Paul

Hi David,

Many thanks your first suggestion worked a treat.

Paul

Hi both,

Your debate sparked my interest as I’m the ‘owner’ of a web site that uses MLA to categorise and tag photos taken of an annual fair – https://cuckoofair.co.uk/new-gallery

We have categories eg ‘performer’, ‘location’ that run across each year eg stalls, maypole, downton band and then the date of each fair which’ll display all photos of that year. At one stage it did have dropdowns but I went for a cloud approach as its’ easier for the viewers to see the options.

Currently thanks to MLA’s excellent EXIF rules processing the categories are set from EXIF fields, the year is extracted from DateOriginalTaken and stored as a tag. I also construct the photo title using a combination of ‘performer’, ‘location’ and year data.

Given the large number of photos I was uploading I use some tools (as a bare minimum the File Properties works!) on the PC to set the EXIF values – I update Copyright, Date Taken, Authors and Tags.

I’m happy to share what I’ve learnt especially around the tortuous path from File Property on a Windows desktop to a filed in WordPress.

I’m also interested in how this develops.

Paul

Hi David,

I can confirm that the development version 20210118 fixed the issue. Many thanks for quickly fixing it.

By the way, a minor question I hope you can help with, on the gallery page [link above] how can I display, suitably styled eg as a heading, the name of whatever category is being displayed?

Cheers

Paul

Hi David,

Just to let you know that in end I just removed the gallery-columns-[+columns+] from the OPEN MARKUP.

It’s style was set via the sites theme and it wasn’t clear how to update it.

I also discovered that my site level CSS updates (mainly done so that tablepress tables would display with green borders was interfering with MLA styling so I cleared that out too!

I did as you suggested and created a dedicated style sheet and also created a 3 column display.

The final web page looks like https://downtonparishcouncil.gov.uk/main-council/financial-reporting

Many thanks

Paul

Hi just did another quick inspect in Google Chrome. It seems that adding gallery-columns-[+columns+] to the table class= inserts this style:

.gallery-columns-1 {
display: flex;
flex-wrap: wrap;
}
and its the display: flex; that stops the TR becoming full width.

The CSS style appear to be set by the theme
https://downtonparishcouncil.gov.uk/wp-content/themes/responsive/core/css/style.min.css?ver=4.4.5

Hi David, after a lot of prototyping and debugging (my CSS is very very poor!) it seems that (on my system at least) that adding gallery-columns-[+columns+] to the <table> in the OPEN part of markup so it reads like this
table id=”[+selector+]” class=”gallery galleryid-[+id+] gallery-columns-[+columns+] gallery-size-[+size_class+]”
somehow stops the TR from being the 100% width.

If it is removed so the it reads like:
table id=”[+selector+]” class=”gallery galleryid-[+id+] gallery-size-[+size_class+] ”
then the TR becomes 100% width.

I have updated the page

https://downtonparishcouncil.gov.uk/main-council/financial-reporting

to show a raw bones basic table, followed by a table with gallery-columns-[+columns+] in the TABLE CLASS= and finally the remaining tables that have had the gallery-columns-[+columns+] removed from the OPEN MARKUP.

Paul

Hi David,

Well I made some progress but not much – in the Previous Reports section of the web page https://downtonparishcouncil.gov.uk/main-council/financial-reporting the < /br> changed worked ok but the tables have remained stuck!

Using Google Chrome and Inspect-ing the page appears to show that:
table is full width
tbody is full width but also appears to have no MLA specific styles attached*
tr class header row then has a reduced width
* there is a style for tbody but it doesn’t appear to be used in the markup?

Here’s the style and mark up settings:

MARKUP

ARGUMENTS
post_parent=all
post_mime_type=application/pdf
size=icon_only
mla_image_attributes=’width=”16″ height=”16″ ‘
columns=1
link=none
orderby=”name?DESC”

OPEN
<h3>[+template:([+query:my_gallery_title+])+]</h3>
<table id=”[+selector+]” class=”gallery galleryid-[+id+] gallery-columns-[+columns+] gallery-size-[+size_class+]”>
<tr class=”header-row”><th>Document Title – click to view</th><th>Icon shows</br> File type</th></tr>

ROW OPEN
<tr class=”gallery-row”>

ITEM
<td class=”gallery-title”>
[+title+]
</td>
<td class=”gallery-icon”>
[+link+]
</td>

ROW CLOSE
</tr>

CLOSE
</table>

STYLE
<style type=’text/css’>
#[+selector+] {
margin: 0;
width: 100%;
}
#[+selector+] tbody {
border: 0px solid #ff0000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#[+selector+] table {
border: 0px solid #ff0000;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
}
#[+selector+] .gallery-row td .gallery-title {
width: 80%;
height: 16;
vertical-align: top;
}
#[+selector+] .gallery-row td .gallery-icon {
width: 20%;
height: 16;
vertical-align: top;
}
#[+selector+] .gallery-row .gallery-icon img {
border: 0px solid #FF0000;
}
#[+selector+] .gallery-row {
float: none;
text-align: left;
width: auto;
padding: 0;
}
#[+selector+] td {
padding: 0.4em;
}
#[+selector+] .header-row {
float: none;
text-align: left;
width: auto;
font-weight: bold;
}
#[+selector+] .gallery-caption {
margin-left: 0;
vertical-align: top;
}
</style>

Hi, once David has replied I am happy to help with any hints and tips as I look after a web site using PDFs a lot – https://downtonparishcouncil.gov.uk/main-council/policies and other pages. This is mainly around setting meta data in the authoring package eg Word etc, converting that to PDF and then on upload having MLA extract those values for document titles etc. Must admit not got as far as setting tags from files but may explore that!

Paul

Hi David,

I can confirm that v2.92 has fixed the issue. Many thanks. Paul

Hi the display of ALT Text in the quick edit area is a bit hit and miss. Eg I can’t get it to appear again after the ‘it’s to do with it being displayed via screen options’ break-through.

I re-worked the EXIF mapping to use +Title+ which worked once and then didn’t again. I’ll leave it for a while as the web seems to be playing up a bit.

Paul

Hi I am running mla v2.83 and this is a screen grab of the image https://downtonparishcouncil.gov.uk/wp-content/uploads/2020-04-10-mla-quick-edit.png

I think I have found the issue – if you display ALT TEXT as one of the columns it disappears from the quick edit area.

Does your mapping rule take the details from the image Title or from the Post where it is displayed?

Paul

Hi David, yes it’s been a while! Just updating the websites that use MLA following WP and theme upgrades – currently trying to avoid the Gutenburg editor though.

Following on from your comment “In further testing I found that the Media/Assistant Quick Edit area for a single item also supports it” I had a look at the Quick Edit area and for a PDF file it displays the following:
Left hand side – Title | Name/Slug | Caption | Description
Right hand side – Categories and Tags selection areas and then a field labeled title which is different from the Title on the LHD side.

No Alt Text field is displayed for PDF files. If an image is selected then Alt Text is displayed on the LHD side.

If I have to use the mapping rules then is there an easy(?!) way to copy over the values from the Title field into the ALT Text field?

Cheers

Paul