Title shows correctly on large screens, no arrows, expands on small screens

  • Resolved msapsard

    (@msapsard)


    5 years, 8 months ago

    This page is contained in a TablePress table. It show correctly on full size screens with Win 10, Linux, Apple, browsers. On android phones with any browser the arrows do not show and the text is fully expanded. I have included maptastic, activated th header rather than the footer and turned off all compression.

    Any guidance would be welcome.

    Typical code in a field is:
    [expand title=”<b>Art History Berkhamsted</b>” targclass=”maptastic”]Friends Meeting House, 289 High Street Berkhamsted<br><i>4th Monday, 2:15 – 4:00 pm</i><br>see map<br>Looking at paintings, sculptures, architecture and artefacts; how and why they were made. The overall aim is to build up an understanding of art in the context of its own period and how art methods and ideas have developed over time.<br>group no: 166<br>email group leader[/expand]

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author twinpictures

    (@twinpictures)

    First, try not to use html in the title attribute
    [expand title=”<b>Art History Berkhamsted</b>” ...

    Either use css for your triggers using trigclass:

    [expand title="Art History Berkhamsted" trigclass="boldy_mc_boldface"]...[/expand]

    or use the tag attribute to define the triggers as strong:

    [expand title="Art History Berkhamsted" tag="strong"]...[/expand]

    Next: On the link you provided there are 100’s of collapse elements, however neither the script or the style for Collapse-O-Matic are being loaded.
    Please verify that the plugin is installed and activated.

    Thread Starter msapsard

    (@msapsard)

    Thanks for the guidance. I have uninstalled and reinstalled TablePress and Collapse-o-matic. I unfortunately worked from your email and inserted a lot of " entries. They caused many new columns. I am reworking everything and will report back.

    Thread Starter msapsard

    (@msapsard)

    It seems to be fixed. Thanks very much. I had to ensure there was a space in front of trigclass as below. I could not find a way to avoid <i> or in the target text, but it works. I have learnt a great deal!

    [expand title=”Adult Colouring” trigclass=”boldy_mc_boldface”]Warner’s End Community Centre, Stoneycroft, Hemel Hempstead<br><i>4th Tuesday, 2-4 pm</i><br>See Map<br>Please bring your own colouring book and coloured pencils<br>Group no: 211<br>Email Group Leader[/expand]

    Just for information, the above is built on a spreadsheet. The OpenOffice Calc code is below. Notice that in CONCATENATE() I use char(34) to insert quotes that carry through to TablePress. But, when testing for cell content in IF() statements ampersand is used to concatenate. Code on a second page groups the output of 120 lines into three columns.

    =IF(A3=””, CONCATENATE(“[expand title=”,CHAR(34),”Your group here?”,CHAR(34),” trigclass=”,CHAR(34),”boldy_mc_boldface”,CHAR(34),”] Your group details could be here?[/expand]”), CONCATENATE(“[expand title=”,CHAR(34),A3,CHAR(34),” trigclass=”,CHAR(34),”boldy_mc_boldface”,CHAR(34),”]”, IF(C3=””,””,C3), IF(D3=””,””,”<br><i>”&D3&”</i>”), IF(E3=””,””,”<br>”&E3), IF(F3=””,””,”<br>See Map“), IF(G3=””,””,”<br>”&G3), IF(B3=””,””,”<br>Group no: “&B3),IF(B3=””,””,”<br>Email Group Leader“),”[/expand]”))

    Thread Starter msapsard

    (@msapsard)

    It is resolved.

    Thread Starter msapsard

    (@msapsard)

    I spoke too soon. The problems are occurring again. I’ll try a few changes.

    Thread Starter msapsard

    (@msapsard)

    Set to load in footer, and turned off the two scripts load..,
    Collapse-o-matic now shows in the web developer debug area, and it seems to be working properly. More testing, then I’ll report back.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Title shows correctly on large screens, no arrows, expands on small screens’ is closed to new replies.