Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • valtersgrivins Friend
    #180079

    Hello!
    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 Friend
    #464785

    Ok. 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 Moderator
    #464814

    We have included some class suffix custom module on css template

    -tabs
    -ads

    You can find more about this: templates/ja_teline_iv/css/template.css

    valtersgrivins Friend
    #464893

    Sorry, 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 Moderator
    #464905

    You 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 Friend
    #464961

    Well. 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.


    1. html_wiped_by_sufix
    2. spaces_to_remove
    valtersgrivins Friend
    #464969

    problem 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 Friend
    #464976

    To 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 – not

    Ninja Lead Moderator
    #465037

    I’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 Friend
    #465110

    Thank 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!


    1. 2modules_with_custom_html
    valtersgrivins Friend
    #465138

    Ok. Solved it. tag <p> was the problem. Removed <p></p> from HTML and it shows up in Tabs.

Viewing 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