![]() In the body of the first panel goes the rest of the article text and the text of the second panel should be cleared out or better replaced with a single space. * set the width to match the article body */Īnd of course we'll need to rename the titles - the firs one should state read more and the second - read less Top:-20px /*align the text to fit nicely with the article */ Padding-left:120px /*position the read more / less texts horizontaly */ Top:-20px /* pull read mpre / less up in the article */ * clear all the borders, shadows and the plus sign */ For this we'll use this Custom CSS snippet: Next we need to style the accordion block accordingly removing everything but the pure beautyful text in order to fit the article styling and displace the panel titles to fit the end of the line in the article block. I also reduced the padding settings facing each other to minimum. I remover the caption and reduced the collapsible elements to two - the first one to carry the rest of the article and the other to be used as read less control. ![]() next I added tha accordion block - ful width again. ![]() I used the block with a full width article first I inserted an article block which should contain only the begining of the article - the part which will always remain visible on the web site. Sollution 1: Utilizing an accordion element from the Blocks Pack. This link should also dinamically change according to the state of the article - changing from read more to read less ![]() Task: Create a functionality in Mobirise Builder alowing just a small part of an articel to be initially displayed and with clicking upon an appropriate link the rest of the content to be revealed. I first started by tweaking an accordion block and making it work as a read more / read less element but then I thought - could it be done easier? So I googled a bit and also found a simple jquery sollution which can be universally applied to any text content element.Īs you've probably noticed I'm always seeking for pure CSS sollutions in order to keep all the great capabilities of the inline editor and Block properties panel we've got with the Builder but this time some very very simple interventions in the HTML code are also needed It's good to be back in this forum - I spent the last week preparing for the greatest time of the year and finishing what I claim takes shape to be the most detailed online catalog for HVAC equipment where I live - I'll share it with you when it's ready since it's also a great example of Mobirise Builder site and CMS working along - all the content pages are Mobirise built and the catalog is CMS - I think for something carryng more than 1K products we should give the Builder an extra year to handleīut - to the point - I did some experiments on this feature and it appeared to be pretty easy to implement what we're talking about. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |