-
AuthorPosts
-
valtersgrivins Friend
valtersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 20, 2012 at 8:03 pm #180079Hello!
Just installed teline4 quickstart 2.5
I am trying to figure out where is the problem with custom HTML module in JA tabs. When i change original (pre-installed) HTML with mine i have got empty tab in frontend. My html is <html><p>wwwww</p></html>valtersgrivins Friendvaltersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 20, 2012 at 10:06 pm #464785Ok. when i remove module class suffix “-tabs” from tabs module, html appears on frontend. Nevertheless now the module is a little ugly with enormous paddings… Is there a way to use -tabs suffix for styling and getting simple HTML out from module?
Thanks!
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 21, 2012 at 4:02 am #464814We have included some class suffix custom module on css template
-tabs
-adsYou can find more about this: templates/ja_teline_iv/css/template.css
valtersgrivins Friendvaltersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 21, 2012 at 10:02 pm #464893Sorry, but i can not find in template.css the reason why module class sufix -tabs wipes out all html from tab module in frontend… I think this is a bug so that i changed nothing only published new custom html module in ja-tabs1 position.
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 22, 2012 at 3:04 am #464905You can find to include css style custom HTML module
Open templates/ja_teline_iv/css/template.css
<blockquote>-tabs</blockquote>
div.moduletable-tabs { border-top: 0 !important; }
div.moduletable-tabs > h3 { display: none !important; }
div.moduletable-tabs .ja-box-ct { padding: 0 !important; }
<blockquote>-ads</blockquote>
div.moduletable-ads .ja-box-ct { padding: 0; }
div.moduletable-ads .ads-squarebutton img,
div.moduletable-ads .ads-squarepopup img { border: 1px solid #ccc margin: 3px; }
div.moduletable-ads .ads-squarebutton { padding: 5px; }
div.bannergroup_text div.banneritem { border-bottom: 1px dotted #ccc padding: 5px 0; }
div.bannergroup_text div.bannerfooter { padding: 5px 0; }valtersgrivins Friendvaltersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 22, 2012 at 10:00 am #464961Well. Tried everything with template.css
Nothing changes!
There must be something other that causes the problem not css from template.css There is not “clearfix” for example at all, but it works on module – inspect element shows this code:
<div class="ja-box-ct clearfix">
<div class="custom-ads">
<p></p><div class="ja-tabswrap teline_iv" style="width:100%;"> <div id="myTab-914015308" class="container"> <div class="ja-tabs-title-top" style="">
<ul class="ja-tabs-title"><li title="Diena vēsturē" class="ja-tab-title-ads first active"><h3><span>Diena vēsturē</span></h3></li><li title="Citāts" class="ja-tab-title-ads "><h3><span>Citāts</span></h3></li><li title="Attēls" class="ja-tab-title-ads last "><h3><span>Attēls</span></h3></li></ul>
</div>
<div class="ja-tab-panels-top" style="height: 183px; "><div class="ja-tab-content ja-tab-content-ads" style="position: absolute; left: 0px; display: block; ">
<div class="ja-tab-subcontent"><div class="custom-ads">
<p>August 19th is John Flamsteed's birthday. Flamsteed was an English astronomer and the first Astronomer Royal. He was the primary force behind the construction of the Greenwich Observatory and was responsible for gathering precise measurements of nearly 3,000 star positions to aid navigators with the determination of longitude while at sea.</p></div>
</div>
</div><div class="ja-tab-content ja-tab-content-ads" style="position: absolute; left: 0px; display: none; ">
<div class="ja-tab-subcontent"><div class="custom-ads">
<p>August 19th is John Flamsteed's birthday. Flamsteed was an English astronomer and the first Astronomer Royal. He was the primary force behind the construction of the Greenwich Observatory and was responsible for gathering precise measurements of nearly 3,000 star positions to aid navigators with the determination of longitude while at sea.</p></div>
</div>
</div><div class="ja-tab-content ja-tab-content-ads" style="position: absolute; left: 0px; display: none; ">
<div class="ja-tab-subcontent"><div class="custom-ads">
<p><img src="http://science.kqed.org/quest/files/2011/06/641px-mad_scientist_transparent_backgroundsvg2.png" border="0" height="200" style="border: 0;"></p>
<p>Raksts par attēlu vai ārēja saite.</p></div>
</div>
</div></div> </div>
</div><script type="text/javascript" charset="utf-8">
window.addEvent("load", function(){
new JATabs("myTab-914015308", {animType:'animNone',position:'top',width:'100%',height:'auto',mouseType:'click',duration:1000,colors:10,style:'teline_iv',skipAnim:false,jaclass:'',maxitems:0,useAjax:false,numbertabs:3,ids:'157,162,163', siteroot:'http://site-a.atklajumi.lv/', numbtab: 0});
});
</script><p></p></div>
</div>How do You think – is it normal that assignation of suffix removes all html on frontend? How can it be caused by css?
My site url is http://site-a.atklajumi.lv
See attached pictures for visual description of the problem.
-
valtersgrivins Friend
valtersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 22, 2012 at 10:23 am #464969problem is only for Ja Tabs. Simple custom html module (like that above Ja Tabs in pictures added in previous post) handles html well.
P.S. My “mother” Ja Tabs module has code
{jatabs type="modules" animType="animNone" position="top" widthTabs="120" heightTabs="auto" width="100%" height="auto" mouseType="click" duration="1000" colors="10" module="ja-tabs1" }{/jatabs}
May be problem is in this code?
valtersgrivins Friendvaltersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 22, 2012 at 10:53 am #464976To see the problem even more clear i made a clone of JA TABS SUFFIX -ADS module in position sl1-r and assigned for it suffix -tabs
One module shows the same html, other – notNinja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
August 23, 2012 at 1:53 am #465037I’m so sorry, I do not understand what you need. Pls clarify. However, you can use css class suffix include on template.css: with _ hilite1, with _tab, with _mega
valtersgrivins Friendvaltersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 23, 2012 at 10:14 am #465110Thank You for answering and patience!
I will try to be more precise.
My question is how to use Custom HTML module with JA Tabs?
When i duplicate in quickstart preinstalled JA Tabs module and do modifications in Custom HTML sub-tab, all my HTML (for example <p>hello world</p> is lost on frontend. Tab is empty however HTML is there on backend.
And whats interesting. When i change module class suffix for JA Tabs module from pre-installed -tabs to -ads or something other, HTML appears in sub-tab in frontend. Only in this case there is some padding in header and footer of module, which can not be changed through template.css modifications.
I see that in preinstalled module HTML is processed by some classes:
<ul class="bookmark-links">
<li>{japopup type="iframe" content="http://www.joomlart.com" width="1024" height="600"}Joomla Templates Club - Professional - High quality Joomla template{/japopup}</li>
<li>{japopup type="iframe" content="http://www.magentocommerce.com" width="1024" height="600"}Magento - Home - eCommerce Software for Growth{/japopup}</li>
<li>{japopup type="iframe" content="http://www.joomlancers.com" width="1024" height="600"}JoomLancers - Freelance Marketplace for Opensource Development{/japopup}</li>
</ul>Unfortunatelly i understand nothing of javascript…
Please tell me, how can i use simple HTML in JA Tabs tab?
Thank You very much in advance!
valtersgrivins Friendvaltersgrivins
- Join date:
- February 2008
- Posts:
- 38
- Downloads:
- 0
- Uploads:
- 6
- Thanks:
- 6
- Thanked:
- 1 times in 1 posts
August 23, 2012 at 9:35 pm #465138Ok. Solved it. tag <p> was the problem. Removed <p></p> from HTML and it shows up in Tabs.
AuthorPostsViewing 11 posts - 1 through 11 (of 11 total)This topic contains 11 replies, has 2 voices, and was last updated by valtersgrivins 12 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
Jump to forum