Feed list in multigraph editor too wide - not possible to click Add button

Submitted by mountaindude on Wed, 02/01/2013 - 21:39

Just coming back to the world of emoncms after a few months away, upgraded to latest version - looks great!

Got a minor problem though:

See attached screen shot. The problem occurs when you have a long feed name. The table of feeds then becomes so wide that parts of it end of under the chart itself, and thus becomes un-clickable.

I'd prefer if the feed name column (i.e. 1st column) would have a fixed width, with auto line breaking when needed. Another solution would be to make the entire editor wider, but that would have wider implications, I guess.

I've tried implemeting the first option (fixed with column) with no luck, whatever I change in the Theme/basic/style.css or Modules/vis/multigraph_edit.js files I can't get the desired effect... Any suggestions?

/Göran

Re: Feed list in multigraph editor too wide - not possible to click Add button

Submitted by TrystanLea on Thu, 03/01/2013 - 21:21.

Hmm not having much luck making that work here either, trying max-width:100px; text-overflow:clip; ...

Re: Feed list in multigraph editor too wide - not possible to click Add button

Submitted by TrystanLea on Thu, 03/01/2013 - 21:25.

spoke to soon, changing line 11 of multigraph_edit.js too:

var out = "<table class='catlist' style='table-layout:fixed; width:300px;' >";

helps a little, text appears below checkboxes and button but they are usable

Re: Feed list in multigraph editor too wide - not possible to click Add button

Submitted by TrystanLea on Thu, 03/01/2013 - 21:33.

changing line 18 too: out += "<td style='word-wrap:break-word;'>"+multigraph_feedlist[z]['name']+"</td>";
breaks the text

Re: Feed list in multigraph editor too wide - not possible to click Add button

Submitted by TrystanLea on Thu, 03/01/2013 - 21:39.

Switching lines 11 to 18 too:

var out = "<table class='catlist' style='table-layout:fixed; width:300px;' >";
out += "<tr><th style='width:120px;' >Feed</th><th>Left</th><th>Right</th><th>Fill</th><th style='width:46px;'></th></tr>";

for (z in multigraph_feedlist)
{
out += "<tr>";

out += "<td style='word-wrap:break-word;'>"+multigraph_feedlist[z]['name']+"</td>";

improves things further, will commit this to the emoncms repo

Re: Feed list in multigraph editor too wide - not possible to click Add button

Submitted by mountaindude on Fri, 04/01/2013 - 13:50.

oh la la... nice! :)

Archived Forum