Excel widget

  • jharschawf
    Asked on June 22, 2020 at 2:50 PM

    Is there away to adjust the column width? Do I need to do custom css?



    Jotform Thread 2404605 Screenshot
  • Amjad_A
    Replied on June 22, 2020 at 5:03 PM

    Hi there, @jharschawf!

    Thank you for contacting Support.

    Yes, you can adjust your column width with custom CSS. You may use classes of the columns to change the width with CSS. For example, use the .A class to affect the Column1.

    Example:

    .A {
    width: 200px;
    }
    .B {
    width: 40px;
    }
    .C {
    width: 30px;
    }

    1592859777e7qzi Screenshot 10

    Please let us know if you need any further assistance.

  • jharschawf
    Replied on June 22, 2020 at 5:21 PM

    I was able to get the width but now trying to left align and I have the following code but it isn't working.

    Any ideas?

    Is there a place for CSS commands?1592860883Snap320 Screenshot 10

  • Amjad_A
    Replied on June 22, 2020 at 6:52 PM

    Hi there,

    Thanks for your response.

    To left-align the text under class A. Please add the CSS below

    .A input {


    text-align: left

    }

    I hope this will help you left-align the text. Let us know how it goes.


    Thanks!

  • jharschawf
    Replied on June 23, 2020 at 4:57 PM

    One more question. I have the following but it won't adjust the font of the cell A1. 1592945844Snap326 Screenshot 10

  • Amjad_A
    Replied on June 23, 2020 at 6:15 PM

    Hi,

    As we have mentioned above you need to need to add

    .A input {

    text-align: left

    }

    To adjust the text to left align. You can also set a fixed width of a cell accordingly to the cell text. 

    Let us know if you have any further issues.

  • jharschawf
    Replied on June 24, 2020 at 5:25 PM

    I understand but the pic attached. I am trying to adjust the font size.

    .A input {

    font-size: 8px;

    }

    won't work.

  • Amjad_A
    Replied on June 24, 2020 at 6:46 PM

    Hi,

    Please add !important to overwrite the existing CSS.

    .A input {

      font-size: 8px !important ;

    }

    Let us know how it goes

  • jharschawf
    Replied on June 25, 2020 at 8:38 AM

    That worked. Thank you.