Okay
  Public Ticket #1074087
Cell Alignment
Closed

Comments

  •  2
    Allanadl started the conversation

    G'day and greetings from Adelaide South Australia.

    Sorry but I cannot find the settings.  What I am trying to do is align the content of the cells.  When I put an image in say column one on the left which widens the row, the type in column three etc drops to align form the bottom.  IMHO a strange look.  Is there anyway all the sells can align in the middle.  Maybe I am doing something wrong An example of my table can be seen at http://designingoutcomes.com/russian-speaking-world-v5-0/

    Look forward to your suggestions.
    Regards
    Allan

  •  1,771
    Miloš replied

    Hi Allan,
    Thank you for your purchase.


    Please take a look at this documentation where you can find how to style the column.
    If you scroll down on page you will notice the Styling columns title. Please follow the instructions and add the cell-alignment to your desires.
    If you have any problems please provide me a temporary WP-admin login for your site so I can do it for you. We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course we do not provide login data to third party. You can write credentials here because this ticket is private and nobody can see it except us.
    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    Allanadl replied

    G'day Bogdan

    Thanks for the response mate.   I appreciate the support.  First a disclaimer :-)  I am an educator of teachers not a techie.  Sadly I have never mastered CSS either ... it is on the the to-do list. So it is really hard to understand some of the customisations of the plugin.

    I did what you said and to be honest I can't really see where or how aligning the cell between top middle or bottom is adjustable.  I admit it is almost certainly me.  However if this is a customised CSS script to achieve it don't you think it would be a valuable button/setting like align right for the numbers in the settings or preferably column by column,  Make it a wish list for a future release please. Forgive me if I missed something but I need help.

    So step one here is a support login I use to get help .... fortunately it is not too often ;-)

    URL: http:/www.designingoutcomes.com

    Username: [email protected]

    Password TMS-plugins

    I appreciate your offer to adjust it for me but I want to do it more than once and into the future so please help me with how to do it step by step.  I have used the table plugin on another page as well http://designingoutcomes.com/indian_v5-0/ and had to not use the icons I made because of the align problem of the type columns  This is of course the first three of 13 major languages we are planning to translate.

    So please teach me how to do this.  

    Just one more thing.  Remember I am a teacher of teachers about elearning and using technology for learning and teaching .... please ask the person who makes the tutorials (is that you?) to think about changing the pedagogy (teaching method)  Please suggest to them to stop sitting back reflecting while narrating as the sound levels drops significantly and is very distracting.  He could use a laval mic or over the ear wire mic.  Also IMHO a talking head down the bottom right hand corner of the screen all the way through the tutorial is not conducive to learning.  Have a look at a course on Screenflow in Udemy. Start full screen to connect with the learners and drop it to pic in pic for some of the time but the default position is no video at all - so the learner can focus on the screen action

    Hope you don't mind the suggestions you have a good product and better video tutorials and user education will help your take up

    Looking forward to your next connection

    Regards

    Allan

  •  1,771
    Miloš replied

    Hi Allan,

    No problem at all I will do it for you just can you please provide me more details or send me some screenshots where I can see your desired positions for the data in cells, it will be very usefull for me.

    Notice:
    If you take a look at the attachment file, when you click on preview you will see that the data in the cells are properly displayed and center aligned.
    Also I can see that the table on the page had some limitation on the layout, so my suggestion will be to reduce the text in the second column and try to make that column like URL link.
    You can take a look at this  documentation where you can see how to make URL columns.

    Thank you for your suggestions it mean a lot for us to get some feedback from our customers.
    We will change the documentation when the 2.0 version is up and we hired some professionals to do the video documentation for us.
    Best regards.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    Allanadl replied

    Hi Bogdan

    I never looked at the table as such in the preview area in the tables area.  I would be happy if it behaved like that in the actual page.

    Is is a conflict with the theme.please?  You said: "Also I can see that the table on the page had some limitation on the layout, so my suggestion will be to reduce the text in the second column and try to make that column like URL link."  Mate working around like this is limiting the usefulness (to me) of the plugin.  Surely we can do better than that.  Don't you agree that the Align top, middle, bottom of the cell should be an adjustable setting by button press like it is in Keynote for Mac for example.  I need to be able to add photos text and active linked text in the cells and then align the content to the top or middle or bottom depending on other constraints of the design.  Please help  

    I say again I appreciate you doing it but would ask that you show me how to do it for the future. please

    Regards
    Allan

    P,S, glad to offer constructive criticism of your training.  IMHO you can do a great deal more BEFORE the need for hiring professionals.  :-)  Look at some youtube videos for how to build engaging webcasts and use a program like Screenflow. use the video features  etc.  Practice some of the new techniques then seek user feedback .... just suggesting

  •  1,771
    Miloš replied

    Hi Allan,


    Yes, the theme is causing this issue because it adds some vertical-alignment on all data in the table.
    But I managed to change it for this table on this page.
    You can find this code in Custom CSS field on wpDataTables Settings page

    td._appleviewonscreen {
        vertical-align: top;
    }
    td._appleusedtoprintposter {
        vertical-align: top;
    }

    Please take a look and tell me is it ok.

    "Don't you agree that the Align top, middle, bottom of the cell should be an adjustable setting by button press like it is in Keynote for Mac for example."

    This is a very good itea but unfortunately it is not easy to implement and to synchronize with all the themes, because as you can see some themes overwrite our CSS.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  2
    Allanadl replied

    Hi again Bogdan

    Mate sorry to have to ask again but when you gave the Custom CSS data below and I put it in the settings area.  Everything worked great and all the Tables were as I liked them Aligned top.
    However something has now gone wrong ... I updated the plugin and am running 1.7.2 . I am not sure of course what has changed but also my web host just changed my site to https - could that be the change.  Have a look at 

    Russian https://designingoutcomes.com/russian-speaking-world-v5-0/

    Swedish https://designingoutcomes.com/swedish-speaking-world-v5-0/

    Indian Languages https://designingoutcomes.com/indian_v5-0/

    PLEASE NOTE: With the Indian page I had the languages in the same bold heading type as the heading above the table using Intense codes and the last plug in read them correctly but now they don't work and read as text and not code.  So I had to remove them

    Please help as these Language tables will end up ultimately on 28 different web posts and the Indian one will have 13 different languages in it.

    Would appreciate them looking good

    The access username and password are still active Please let me know what you find

    regards
    Allan

  •  1,771
    Miloš replied

    Hi Allan,

    The issue is in the theme.( maybe that theme got updated also)
    Can you please try to change it because this theme boss/css/main-global-css is blocking the CSS of our plugin.
    Let me know the result.

    About the Indian page:
    Can you please describe me more what are you trying to achieve.
    Also point me to the table ID so I can take a look.
    Thank you.

    Kind Regards, 

    Miloš Jovanović
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables