Forum Replies Created

Viewing 10 replies - 46 through 55 (of 55 total)
  • Thanks a lot @tobiasbg

    I meant “font size”, I used the French word, sorry about 🙂

    Hello @tobiasbg,

    Thanks again for all your tips.
    These are really helpful.

    1- While using the “DataTables Row Details”, how is it that the label of the column is not displayed : https://ibb.co/cQieBw

    This issue seems to be happening only when I mention one single column in the “datatables_row_details_columns” property (see the code below). The labels are properly displayed as soon as there are at least 2 columns mentioned in this property.
    [table id=3 datatables_row_details=true datatables_row_details_columns="D" row_order="sort" row_order_sort_column="A" row_order_sort_direction="ASC" /]

    2- Is it possible to change the police size in the header and also to remove the fact that all the columns’ header are in upper case ?

    Thanks a lot for your help.

    Best regards,
    Stephane.

    I have one more question for you if you don’t mind @tobiasbg 🙂

    Is there a way to change the padding for all columns in order to prevent coding it for each column like the example below in the css?

    .tablepress .column-1 {
    	padding: 2px;
    }
    
    .tablepress .column-2 {
    	padding: 2px;
    }
    
    .tablepress .column-3 {
    	padding: 2px;
    }

    Thanks a lot @tobiasbg for your solutions for filtering and aligning.
    It works great 😉

    Hi @tobiasbg,

    Thanks a lot for your great plugin and its extensions that I’m currently testing locally before moving it to the live website. If I can achieve what I need, rest assure that I’ll make a donation 😉

    1- In fact, I’m looking to achieve the same thing as @travishalff mentioned above:
    I have a table with 9 columns and would like to fix the first five columns and force the last four columns to collapse: https://ibb.co/hCG346

    I looked into the DataTables jQuery options and found the “Column priority”: https://datatables.net/extensions/responsive/priority
    Do you think this could be a solution in order to achieve that?

    2- In the meantine, I also tried with the “DataTables Row Details” you mentioned above and nearly managed to achieved that: https://ibb.co/iq4ZBm

    But as you can see, it seems to be conflicting with the “ColumnFilterWidgets” extension. I wanted the filter to apply to columns 2, 3 and 4. But after adding the “DataTables Row Details” extension, the filtered columns are now 1, 2, 3 and 9. Below is the shortcode I used:

    [table id=1 datatables_row_details=true datatables_row_details_columns="F-I" datatables_columnfilterwidgets=true datatables_columnfilterwidgets_exclude_columns=1,5,6,7,8,9 /]

    Do you think there might be a solution to that issue?

    3- Third and last question, would it be possible to left align the value of the four collapsed columns just after their labels instead of right aligning them?

    Thank you very much for your time and your help.

    Best regards,
    Stephane.

    • This reply was modified 8 years, 5 months ago by stfa76.
    • This reply was modified 8 years, 5 months ago by stfa76.
    Thread Starter stfa76

    (@stfa76)

    Hello everyone,

    Using some answers I found here and there, I was able to modify the following lines inside the style.css file of my Twenty Fourteen theme:

    Inside the @media screen and (min-width: 1008px) { block :
    Line 3827:

    	.site:before {
    		left: 0;
    	}

    Replaced by:

    	.site:before {
                    right: 0;
    	}

    Line 3836:

    	#secondary {
    		float: left;
    	}

    Replaced by:

    	#secondary {
                    float: right;
    	}

    Inside the @media screen and (min-width: 1080px) { block :
    Line 4155:

    	.site-content,
    	.site-main .widecolumn {
    		margin-left: 222px;
    	}

    Replaced by:

    	.site-content,
    	.site-main .widecolumn {
                    margin-left: -222px;
    	}

    But now, I’m still seeing this weird “striped area” on the left of the article main image : https://screenshots.firefox.com/RGY8PKdtG6Z1FePZ/localhost

    Can someone tell me how to rectify this please?
    Thanks a lot.

    Best regards,
    Stephane.

    • This reply was modified 8 years, 5 months ago by stfa76.
    Thread Starter stfa76

    (@stfa76)

    Thanks a lot for the tips @bcworkz.

    When checking the page’s HTML source, I found out that one of the js file was indeed not loaded. So I just changed the function inside the ‘functions.php’ file to this:

    // TwentyTwenty Plugin
    // https://zurb.com/playground/twentytwenty
    function twenty_twenty_plugin()
    {
        wp_register_script( 'twenty_twenty_jquery_event_move', get_stylesheet_directory_uri() . '/js/jquery.event.move.js', array('jquery'), '0.1.0', true );
         wp_enqueue_script( 'twenty_twenty_jquery_event_move' );
    
    	wp_register_script( 'twenty_twenty_jquery_twentytwenty', get_stylesheet_directory_uri() . '/js/jquery.twentytwenty.js', array('jquery'), '0.1.0', true );
        wp_enqueue_script( 'twenty_twenty_jquery_twentytwenty' );
    
        wp_register_style( 'twenty-twenty', get_stylesheet_directory_uri() . '/css/twentytwenty.css', array(), '0.1.0', 'all' );
        wp_enqueue_style( 'twenty-twenty' );
    }
    add_action( 'wp_enqueue_scripts', 'twenty_twenty_plugin' );

    And then applied the code mentioned by @stephencottontail.

    <div id="compare1" class="twentytwenty-container">
    <img src="img_before.jpg" />
    <img src="img_after.jpg" />
    <script type="text/javascript">
    jQuery( document ).ready( function( $ ) {
      $("#compare1").twentytwenty({
        before_label: 'Label before', // Set a custom before label
        after_label: 'Label after' // Set a custom after label
      });
    });
    </script></div>

    And now, it’s working fine.
    Thanks a lot to both of you 😉

    Thread Starter stfa76

    (@stfa76)

    Thanks for this explanation.

    Would it be possible for you to directly open the Facebook Messenger application (like you did for Twitter for example)?
    https://developers.facebook.com/docs/sharing/ios/send-button

    One more question 🙂
    Do you think it’ll be possible to use the main image of the post/page when sending a Facebook Messenger instead of the banner of the website ?

    Thread Starter stfa76

    (@stfa76)

    Thank you for this explanation.
    Since I’m not familiar with JS programming, I’m not sure I fully understand how I should implement the call to the function.

    When I tried to modify the code as you mentioned :

    <script type="text/javascript">
    jQuery(document).ready(function($){
      $(".twentytwenty-container").twentytwenty({

    Here is the message I get : TypeError: $(...).twentytwenty is not a function

    Thread Starter stfa76

    (@stfa76)

    Thanks a lot for this solution 😉

Viewing 10 replies - 46 through 55 (of 55 total)