Placement and component position/size

  • Resolved jlohl

    (@jlohl)


    4 years, 5 months ago

    Hello,
    in the uploader instance, you can define component positions. The “filelist” component seems to have a problem of dimensions : its width is fixed and with long files names, the name is put on 3 or 4 rows, a bit unesthetic… It is even worse while uploading, because the progressbar uses all space.
    I tried with different themes and allways same problem. Can this be avoided with some css ?
    Thanks for help.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author nickboss

    (@nickboss)

    Hi, maybe yes. Can I see the page myself?

    Regards

    Nickolas

    Thread Starter jlohl

    (@jlohl)

    Hi,
    please
    – go to https://www.loudspeakers.audio
    – login : titi/newpassword
    – menu “upload my measurements”
    – the main form should be already filled
    – the WFU form is at bottom : choose one or more files (wav, txt or jpg) with long names (ie more than 10 characters) and click “upload”

    Thanks
    JL

    Plugin Author nickboss

    (@nickboss)

    Hi, I saw the form. You can increase the size of the filelist or any other element on the form from the visual editor. Go to Dimensions tab, in Widths. Put something line 300px in the filelist.

    Another solution is to add some css so that the filename is trimmed (and not wrapped in multiple lines). Here is an example css you can use:

    label#filelist_1_filelabel_label1 {
    display: inline-block;
    white-space: nowrap;
    width: 70px;
}

    Nickolas

    Thread Starter jlohl

    (@jlohl)

    Thanks Nicholas,
    before asking for some help, I already tested width dimensions in the visual editor but without success : nothing changes when you modify widths.
    I tried your other solution with CSS : the filename does not wrap anymore but the block filename+progress bar does not adapt to filename length.

    JL

    Plugin Author nickboss

    (@nickboss)

    You need to set dimensions in the visual editor using ‘px’ suffix, like this: 100px

    Have you tried that and didn’t work?

    Thread Starter jlohl

    (@jlohl)

    So sorry, I only tried with “100” and never with “100px” !
    It works fine with the “px” suffix. Maybe it is indicated somewhere but I missed it…

    Thanks a lot Nickboss !

    • This reply was modified 4 years, 5 months ago by jlohl.
    Plugin Author nickboss

    (@nickboss)

    ok nice

    Regards

    Nickolas

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Placement and component position/size’ is closed to new replies.