cuckoofairweb

Hi Bobbied,

Well that is 95% of the way there.

Oddly the main AtoZ and category views the item titles are class = listing title and size h3 whereas when its by itself it becomes an h1?

So many thanks.

Oddly in the main listings or view of a category where the titl is displayed there’s this bit of CSS:

<div class="excerpt-content wpbdp-hide-title">

Oh joy. With the setting on ie disabled the only change is that this text remains at the top of the page:

Details of stalls for 2023 Fair

This is a directory, like Yellow Pages (TM), of the stalls that are located on the Borough Greens, in the Produce Market or in the Memorial Gardens. Either search the descriptions of the stalls OR click a category (type of stall) OR its location (Zone).? Clicking the title of the stall will display more details.? NB – Types of stalls and features of stalls tagged as?High Risk?are indicated in the ‘Who’s Here’ stalls directory by double ** in their names.??Medium Risk?by a single *.? New stalls will have a +.

The Title is not displayed.

Does the same in both Chrome and Edge.

I’m on wordpress Version6.1.1, Site Language – en_GB, with theme Responsive Mobile (responsive-mobile), Version1.15.1.

and finally this website https://downtonparishcouncil.gov.uk/ goes to town as it has many committees, governance documents, finance documents etc that all get selected and displayed using MLA. There’s two layouts – one for agendas and minutes and one for policies.

Hi in terms of selecting subsets of files. I found that categories work best if you’re making a single selection whereas tags can take multiple selections. Also, you have to use the slugs. So although the category is called published documents the short code uses the slug pub-doc.

I also developed https://godshillparishcouncil.gov.uk/mla-pdf-debug which displays the meta-data I’m interested in. Long story but the web site was setup to make it easier to update as some of the info is taken from properties in the pdf files. These can set in the source package eg WORD and flow all the way through to the website.

Hi Cat.

I too did stuff incrementally asking help David from time to time.

To give you an insight here’s the full details for this web page: agendas list Ignore the stuff at the top – the MLA section starts with ‘Archive’.

This is the shortcode on the page:
[mla_gallery mla_markup=basic-2-column mla_style=basic-2-column my_gallery_title=”2022 Documents” category_name=pub-doc tag=”main+2022″]
It tells the excellent mla plug-in which markup and style to use, what title to display, and finally to only display published-documents for the main committee and for the year 2022. This basic format then repeats for different years.

The markup looks like:
ARGUMENT

post_parent=all
post_mime_type=application/pdf 
size=icon_only 
columns=1
mla_image_attributes='width="16" height="16" ' 
link=none
orderby="name DESC"

OPEN

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

this is more complicated than yours may need to be as I have several MLA tables on the same page so I use [+selector+] to give them unique ids.
ROW OPEN
<tr class=”gallery-row”>
ITEM

<td class="gallery-title">
<a href="[+filelink_url+]" target="_blank">[+title+]</a> 
</td>
<td class="gallery-icon">
<a href="[+filelink_url+]" target="_blank">[+link+]
</td>

ROW CLOSE
</tr>
TABLE CLOSE
</table>

and the associated style is:

<style type='text/css'>
#[+selector+] {
margin: 0;
width: 100%;
border: 0px solid #ff0000;
}
#[+selector+] table {
border: 0px dashed #00ff00;
border-collapse: separate;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#[+selector+] tbody {
border: 1px solid #AD855C;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
}
#[+selector+] th.gallery-title {
width: 88%;
height: 16;
vertical-align: top;
border: 1px solid #AD855C;
}
#[+selector+] th.gallery-icon  {
width: 12%;
height: 16;
vertical-align: top;
border: 1px solid #AD855C;
}
#[+selector+] td.gallery-icon img {
border: 0px solid #ff00ff;
}
#[+selector+] .gallery-row {
float: none;
text-align: left;
width: auto;
padding: 0;
}
#[+selector+] td {
    padding: 0.2em;
    border: 1px solid #AD855C;
}
#[+selector+] .header-row {
float: none;
text-align: left;
font-weight: bold;
}
#[+selector+] .gallery-caption {
margin-left: 0;
vertical-align: top;
}
</style>

I must admit that my CSS skills are poor. I usually end up INSPECT ing the web page in chrome to see what CSS element needs changing!

As a result I don’t use a Child-theme but instead have found that in WordPress under appearance theme there’s an Additional CSS section where I can put any CSS I want for the entire site.

Hi I have not explained it well enough so I did a little test.
So I did an export and the order of the first three fields in the export:
sequence_id booking_id stall_name

In Form Fields page I then moved booking_id below stall_name and did another export routine and the order of the first three fields in the export was now:
sequence_id stall_name booking_id
So the order in which the fields are listed on the form Fields page IS the order in which the data is exported.

I’d just like the ability to set a specific field order for the import/export routine

Hi David,

Many thanks the |1+ did the trick!

Tapping into some of my previous software development techniques I restored back to the last known good working copy which was the January one when you originally helped me setup the tag cloud. The only changes since then have been to the WordPress version, possibly PHP and the updates to your amazing MLA.

I have no idea why it suddenly stopped working ok? Maybe there was a re-coding deep in the bowels of WordPress core that changed the way in which the terms expression was parsed? If it’d help I’m happy to turn on MLA debugging?

Regards

Paul

David,

Hi a further update. Using WordPress’s version history I have restored the version that was created seven months ago and has worked as expected since then.

That’s the version that’s currently running and it displays the same symptoms eg displays images on initial load with no tag cloud term having been clicked.

Paul

Hi I have updated the page to add some ‘debug’ code. It looks like this shortcode:

[mla_gallery]
post_mime_type=image/jpeg
tax_query="array (
'relation' => 'OR',
array ( 'taxonomy' => 'attachment_category',
'field' => 'id',
'terms' => array( {+request:current_id+} ),
'include_children' => false,
),
array ( 'taxonomy' => 'attachment_tag',
'field' => 'id',
'terms' => array( {+request:current_id+} ),
),
)"
orderby=date
order=ASC
size=icon
link=file
mla_alt_shortcode=justified_image_grid
[/mla_gallery]

Is being run as part of the initial load…

David,

I’m very sorry but having written a poor post I have now confused you as well!

The way the page used to work was that:
On initial load it’d just display the tag cloud, no images would be displayed. Hence the opening text “Here’s the ‘phrases’ that have been used to ‘tag’ each photo in the gallery. The larger the text the more photos there are of that phrase. Click a phrase to see its photos displayed below.”
You’d click a term from the tag cloud and the text “Here’s the photos for <<Clicked Term>>
Click a photo to enlarge it in the slideshow display, once there click the photo to display the next one. Click on the background page to return here.” followed by all photos with that term.

The main issue at the moment is that somehow it displays all images as part of the initial load – ie before a term is clicked. I suspect if that is fixed then the other issue that of displaying images without the required tags will be fixed…

Sorry for the confusion.

Paul

• This reply was modified 3 years, 3 months ago by cuckoofairweb.

Hi David I’m not sure if you’ve seen my updated description of what now happens after the initial fix.

The page now displays all images when it is first opened but without this header text (the choice was for ‘the Plonkers’):
“Here’s the photos for The Plonkers
Click a photo to enlarge it in the slideshow display, once there click the photo to display the next one. Click on the background page to return here.”
This header text is displayed properly when the any category link is displayed.

Also, on the initial opening of the page all images are displayed including those without any of the selected categories – I exclude several that aren’t relevant for the tag cloud.

Thanks

Paul

Hi David,

As ever thanks for the prompt response and for adding in the description field too – a nice bonus.

A quick once over on the web site has highlighted that the above page and code now:
* displays all images on initial load but without the opening header that gets displayed if you click a term in the tag cloud
* The display of all images includes one (the penultimate one – Zac and the Zeroes that has no valid Att Categories or Att Tags!)

Thanks

Paul

Hi Jeff,

I tried to use the style setup within MLA and with David’s excellent help I tidied them up a lot.

<style type='text/css'>
#[+selector+] {
margin: 0;
width: 100%;
border: 0px solid #abbd7b;
}
#[+selector+] table {
border: 0px dashed #abbd7b;
border-collapse: separate;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

/* colour is abbd7b */

#[+selector+] tbody {
border: 4px solid #fffff;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
width: 100%;
}
#[+selector+] th.gallery-title {
width: 88%;
height: 16;
vertical-align: top;
}
#[+selector+] th.gallery-icon  {
width: 12%;
height: 16;
vertical-align: top;
}
#[+selector+] td.gallery-icon img {
border: 0px solid #abbd7b;
}
#[+selector+] .gallery-row {
float: none;
text-align: left;
width: auto;
padding: 0;
}
#[+selector+] td {
padding: 0.2em;
}
#[+selector+] .header-row {
float: none;
text-align: left;
font-weight: bold;
}
#[+selector+] .gallery-caption {
margin-left: 0;
vertical-align: top;
}
</style>

However, due to an impossible to resolve conflict with Tablepress plug-in styling in the end I had to add this css style to the theme CSS customisation section:

`table td, table th, tbody {
border: 3px solid #abbd7b;
padding-top: 2px;
padding-right: 7px;
padding-bottom: 2px;
padding-left: 7px;
}

which admittedly forced ALL site tables to have a 3px off-green border!!

Paul

Jeff,

The page is even more impressive as it only uses 1 style/markup and each of the annual tables only need a single change to a tag value! It does however require the properties in the PDFs to be setup correctly and the filenames to be consistently named.

I am certain I am only scratching the surface of what MLA can do – the recent ‘Latest Meeting’ is again tag driven.

Paul