View Issue Details

IDProjectCategoryView StatusLast Update
0017853phpList 3 applicationAll Otherpublic16-10-15 16:21
Reportergingerling 
PrioritynormalSeverityminorReproducibilityhave not tried
Status assignedResolutionopen 
Product Version3.2.1 
Target Versionnext minorFixed in Version 
Summary0017853: Make link URL column wider in stats page(s) so more of the URL can be seen
DescriptionThe columns on the link stats pages are all the same width, so the url is cut short but the number of clicks and % have loads of empty space around. Suggest column with link name is made wider and others made narrower.

Client suggested and waiting.
TagsNo tags attached.

Relationships

related to 0017334 assignedmichiel compact dbcheck page 

Activities

michiel

05-10-15 07:35

manager   ~0056946


that's for mobile rendering. Without cutting it off, it would be too wide on mobiles.

Mariez, is there a way to be wider on desktop and narrow on mobile? Currently the output is cut off by the PHP code, but we could do that with JS instead?

michiel

05-10-15 07:38

manager   ~0056947

Also, gingerling, the entire URL is visible when you hover over the link,

gingerling

05-10-15 10:05

manager   ~0056949

Also, gingerling, the entire URL is visible when you hover over the link,

> oh yeah... take a while to appear, I guess that is normal though, I will note it to the client.

user5081

05-10-15 16:24

  ~0056959

Can you help me with the URL of the page?

michiel

05-10-15 16:27

manager   ~0056960

for example http://dev.phplist.com/lists/admin/?page=mviews&id=2

user5081

05-10-15 16:50

  ~0056961

Last edited: 05-10-15 16:51

View 2 revisions

The problem with phplist tables is that all has the same class, so for example it is imposible to give a different style to this table with 3 columns
http://dev.phplist.com/lists/admin/?page=mviews&id=2
and this table with 5 columns:
http://dev.phplist.com/lists/admin/?page=mclicks&tk=1d46023d1fa5cb0

So i think we should not play with columns width.

But we can replace the php script with a js script, that way we can manage more characters for desktop and less characters for mobiles.

user5081

05-10-15 16:54

  ~0056962

the column width will be automatically biger with more characters in this page
http://dev.phplist.com/lists/admin/?page=mviews&id=2
or any page with urls, because urls dont' have space to cut

michiel

06-10-15 07:29

manager   ~0056964


So, instead of reducing the text as we do now with PHP, do you think I should just add some spaces in the text so that it wraps better? Would that work across devices, eg desktop and mobile?

user5081

06-10-15 15:29

  ~0056974

No. I think we should do same as it is in php, but with jquery to leave more chars in big screens, for example:

$(window).resize(function() {
    if( $(this).width() > 1024 ) {
        // code
    }
    else { // code }
});

support

07-10-15 09:23

administrator   ~0056978

@M same client also requested that you click the title of column and that sorts the data low/high. There is a mantis for that but can't find it. Can you find it either?

michiel

07-10-15 13:54

manager   ~0056980

please do not cross discuss

user5081

07-10-15 14:34

  ~0056981

Maybe, Michiel, we you should keep php script but with more characters, so desktop will show more of the url; AND add a jquery script only for small screens. Do you want me to work on this? I can do the jquery and when it is ready in dev, you can modify the php script.

michiel

07-10-15 14:39

manager   ~0056982

yes, good idea. It will be easy to increase the number of characters that is output by the PHP. So, let me know when you're done.

If you need spaces to be able to cut the text easily let me know.

user5081

16-10-15 16:15

  ~0057053

Michiel, i added some usefull styles to the css
(https://github.com/phpList/phplist-ui-dressprow/pull/12)

After update css, you can add: class="url" to the "a" element and will show a limited string to 170px with "..." at the end on screens smaller than 768px.
So then you will be able to increase the characters in the php script for urls, without risk.

I also added 2 more styles for hide content on mobile, and show content only on mobile. You can use this as you need.

I will document this on th UI page im working on, under a title HELPER CLASSES.