AppColl Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Popular
    • Groups

    Please fix column formatting

    Product Requests
    2
    4
    687
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      SadiqA2304 last edited by SadiqA2304

      Columns in the UI are formatted such that there is a maximum quantity of characters in a column and, regardless of window size or column width, no additional characters are displayed. The following shows the same columns, with different window sizes:

      3b31ca9c-8997-4f42-aec7-3037f0d82aa0-image.png
      ^ Here, no ellipses are shown even though the column is cut off by the window.

      75db5d51-9569-40f4-b919-d816d494f5ab-image.png
      ^ Here, the column width happens to line up correctly with the ellipses, and it looks as it should.

      afaa469a-9cfc-44b6-8882-805b9110f0eb-image.png
      ^ Here, the window size is larger and the column is therefore wider. However, the ellipses don't change, and column now simply has blank whitespace where there could be letters.

      cb75dd6a-4050-4fc6-8007-40e5983b1f9c-image.png
      ^ There is no good reason for this to happen - dynamic columns are a problem that has been completely solved for many years in web page design.

      1 Reply Last reply Reply Quote 2
      • S
        SadiqA2304 @support_appcoll last edited by SadiqA2304

        @support_appcoll Any update on this? We look at these tables every day. For what it's worth, Gemini gave me a workaround where I can create a bookmark that I can click when I view Appcoll to change the page display so that it doesn't statically truncate text, but it has to be clicked each and every time the page is loaded

        6a6e0360-aefc-4d1f-ba15-37e176a222e4-image.png

        javascript:(function(){
        /* Find all elements that have a hover title */
        var cells = document.querySelectorAll('[title]');

        cells.forEach(cell => {
        /* If the title has content and the visible text has '...', swap them! */
        if(cell.title && cell.innerText.includes('...')) {
        cell.innerText = cell.title;
        cell.style.whiteSpace = 'normal';
        cell.style.wordBreak = 'break-word';
        cell.style.height = 'auto';
        cell.style.display = 'block';
        }
        });

        /* Force the rows to expand vertically to accommodate the new text */
        var rows = document.querySelectorAll('tr, .aw-grid-row');
        rows.forEach(row => {
        row.style.height = 'auto';
        });
        })();

        1 Reply Last reply Reply Quote 0
        • support_appcoll
          support_appcoll @SadiqA2304 last edited by

          @SadiqA2304

          Hi Sadiq. We're actually working on it. It's a significant job to redo the entire table/column formating UI. We have the Contacts tab in Beta and it works quite nice. We're going tab by tab as we have time. Unfortunately, we do not have an ETA as of yet. I hope this helps.

          S 1 Reply Last reply Reply Quote 0
          • S
            SadiqA2304 last edited by

            Bumping this suggestion. Fixing this seems like low-hanging fruit and will help with the overall archaic look and feel of the UI.

            support_appcoll 1 Reply Last reply Reply Quote 0
            • 1 / 1
            • First post
              Last post

            0
            Online

            634
            Users

            379
            Topics

            1.1k
            Posts