Excel widget

  • Profile Image
    jharschawf
    Asked on June 22, 2020 at 02:50 PM

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



    Screenshot
  • Profile Image
    Amjad_A
    Answered on June 22, 2020 at 05: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.png

    Please let us know if you need any further assistance.

  • Profile Image
    jharschawf
    Answered on June 22, 2020 at 05: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.jpg

  • Profile Image
    Amjad_A
    Answered on June 22, 2020 at 06: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!

  • Profile Image
    jharschawf
    Answered on June 23, 2020 at 04:57 PM

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

  • Profile Image
    Amjad_A
    Answered on June 23, 2020 at 06: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.

  • Profile Image
    jharschawf
    Answered on June 24, 2020 at 05:25 PM

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

    .A input {

    font-size: 8px;

    }

    won't work.

  • Profile Image
    Amjad_A
    Answered on June 24, 2020 at 06:46 PM

    Hi,

    Please add !important to overwrite the existing CSS.

    .A input {

      font-size: 8px !important ;

    }

    Let us know how it goes

  • Profile Image
    jharschawf
    Answered on June 25, 2020 at 08:38 AM

    That worked. Thank you.