PDF Table with ICON and Title

Thanks for your question, and for taking the time to read through earlier support topics for possible answers. I want to make sure you have seen this recent topic that describes a very similar application:

List items

In particular, compare the markup template you’ve created to the example in that topic. You wrote “cannot get it to work” but without additional details such as the content of your custom template it is hard to know how to help.

You wrote “If I remove the size=icon …” Are you using [+thumbnail_content+] in that column of your table or something else?

I will leave this topic unresolved until I see your response. Let me know if the above topic is helpful and what additional help you need. Thanks for your interest in the plugin.

Thanks for your update with the additional information and the contents of your template. I entered your shortcode and template in my system and it is working there.

First, make sure you have the closing “‘>” on your Open: section. Your post does not show it:

Open: <table id='[+selector+]' class='gallery galleryid-[+id+]

To make sure your template is actually being used, you can try changing the Open: section to:

<h3>My PDF Table</h3>
<table id='[+selector+]' class='gallery galleryid-[+id+]'>

Here are a couple of additional suggestions you can try:

Change your shortcode to:

[mla_gallery columns=1 post_mime_type=application/pdf post_parent=all link=file size=icon mla_markup=pdf-table]

You don’t need the mla_caption= parameter because you can use the template to control the content. You don’t need the “enclosing shortcode” format, either. Of course, it is harmless and a matter of style.

Change the “Item:” section of your template to:

<td class='gallery-icon'>
[+link+]
</td>
<td class='wp-caption-text gallery-caption'>
[+title+]
</td>

On my system, that gets the PDF icon as a link to the file, and the document Title to the right of each icon. If it’s not working for you, your theme may be using the class= attributes in some way. Try removing the class='wp-caption-text gallery-caption' portion of the <td> tag to see if that helps.

You can also try changing the [+title+] value to a literal value such as “The Title should be here!” just to see if that shows up in the output.

If you’re still having trouble perhaps you can post a link to one of your pages so I can check out the HTML source code being generated.

Let me know if the above suggestions are helpful. Thanks for your patience.

Thanks for your update with the results of your experiments and especially the link to a sample page; very helpful.

As you have discovered, the problem is that your theme is applying CSS styles to the table cells containing the document titles. If you look at your theme’s style.css file you will see around lines 3674 through 3719 many styles that affect the gallery-item class. These include an opacity: 0; style that is rendering the text invisible.

You can probably avoid the problem by changing your Item: section to something like:

<td class='gallery-icon' width="1%">
[+link+]
</td>
<td class='wp-caption-text mla-gallery-caption'>
[+title+]
</td>

I have changed the class attribute from gallery-caption to mla-gallery-caption, which avoids the CSS styles assigned by the theme. I have also added a width="1%" attribute to the icon cell so the document title will move to the left by the icon.

You may find a better solution by working with the theme author/vendor or someone who knows the theme better than me.

I am marking this topic resolved because MLA is performing as it should, but please update it if you have other problems or further questions regarding the use of templates to format your [mla_gallery] display. Thanks again for working with me on this issue and for your interest in the plugin. Good luck with the rest of your application.