Re: Mobile-friendly Nabble

Posted by Pedro on Mar 06, 2014; 7:34pm
URL: https://support.nabble.com/Mobile-friendly-Nabble-tp7589640p7589652.html

We can get something like this using JavaScript and css approach. Override your "standard_table_columns" macro like this:

<override_macro name="standard_table_columns" requires="app_namespace">
    <script>  
        $(document).ready(function() {
        if (jQuery.browser.mobile) {
        $("tr.main-row td:nth-child(6)").css("display","none");
        $("tr.header-row td:nth-child(6)").css("display","none");
        $("tr.main-row td:nth-child(7)").css("display","none");
        $("tr.header-row td:nth-child(7)").css("display","none");       
        }
        });
    </script>
    <n.pin_column/>
    <n.topics_column title="[n.standard_topics_column_title/]" count="[n.page_node.child_count/]"/>
    <n.star_column/>
    <n.replies_column/>   
    <n.last_post_column has_avatar_control="yes" white_space="nowrap"/>
    <n.views_column/>
</override_macro>