• Hi, parallel this next question.

    Page use MLA templates:
    [justified_image_grid ids=1476]
    [mla_gallery ids=1548 mla_markup=mlaelke]
    JIG show image and mla_gallery show document.

    Code:

    
    <style type='text/css'>
    	#[+selector+] {
    		margin: auto;
    	}
    	#[+selector+] .gallery-row {
    		float: [+float+];
    		margin-top: 10px;
    		text-align: left;
    		width: [+itemwidth+]%;
    	}
    	#[+selector+] td {
    		padding: .5em;
    	}
    	#[+selector+] .gallery-row td.gallery-icon {
    		width: auto;
    		height: auto;
    		vertical-align: top;
    	}
    	#[+selector+] .gallery-row .gallery-icon img {
    		width: 76px;
    		height: 72px;
    	}
    	#[+selector+] .gallery-caption {
    		margin-left: 0;
    		vertical-align: top;
    		width: auto;
    	}
    </style>
    

    And markup

    
    mla_style=mlaelke columns=1 size=icon link=file post_mime_type=all
    
    <table id='[+selector+]' class='gallery galleryid-[+id+] gallery-columns-[+columns+] gallery-size-[+size_class+]'>
    
    <tr class='gallery-row '>
    	<td colspan=2 class='item-description'>
    
                      <br /> 
                      <br />   
    
           [+caption+]              
    	</td>
    </tr>
    <tr class='gallery-row '>
    	<td class='gallery-icon'>
    		[+link+]
    	</td>
    	<td class='wp-caption-text gallery-caption'>
    Jaa:		<a title="[+title+]" class="fancybox" href="[+pagelink_url+]">[+title+]</a><br />
    
    		<a href="[+filelink_url+]" >Avaa tiedot<br />
    		<strong>[+file+]  </strong></a><br />
    		Koko [+file_size,kbmb+]<br />
    		[+upload_date,date('d.m.Y H:i')+]
    	</td>
    </tr>
    
    --
    </table>
    

    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

    Long text and much information is very good when want search engines found documents. Long explanation tell much also to user.

    But:
    – Page is not good-look
    – Too much text
    – Not mobile-friendly

    Easily I can edit it explanation text “first 100 character tell basic information” (100 = 150? 120? 250?).
    So, any idea? “lorem ipsum, liiba laaba, this is very good and beautiful product” <…show more>.
    “Show more”:
    – Mouse over or click show more. When user activate this “show more” it open all text but not close other text on the page.

    Any idea is this possible?

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

Viewing 1 replies (of 1 total)
  • Plugin Author David Lingren

    (@dglingren)

    Thanks for your question and for the detailed explanation of your goal. Features like your “Show more” can be implemented by downloading some JavaScript code to the post/page containing the text and using that code to expand the text area based on a user’s click.

    This would be a custom addition to your application. I am not aware of any plugin for this and do not know of any theme that might provide something like it.

    MLA can be used to build a custom markup template that supports the feature by providing HTML tags and attributes the JavaScript code could use, but that is the only part of the solution I can think of.

    I regret the news is not better, but I am marking this topic resolved because I have answered the question to the best of my ability. I hope you can find a solution that works for you.

Viewing 1 replies (of 1 total)
  • The topic ‘“Show more” markup’ is closed to new replies.