Ticket #555 (new Bug)

Opened 19 months ago

Last modified 4 days ago

UI: Widgets are too wide in dashboard:"goals" and "advanced" table view should be disabled in the dashboard

Reported by: matt Owned by: SteveG
Priority: low Milestone: 1.1 - Piwik 1.1
Component: UI (templates, javascript) Keywords:
Cc: Sensitive: no

Description (last modified by matt) (diff)

In the dashboard, currently the icons to show the "goal table" and the "advanced table" are shown; however when clicked, the table tries to display 5+ columns but there is not enough space, hence dashboard looks bad.

  • disable icon for "advanced" and "goal" view in dashboard
  • make sure all core widgets only have two columns. For example, the Actions widget should only show two columns; it currently shows "label, pageviews, unique pageviews" but could be "label, pageviews"

Optional: a link "view full report" could be displayed at the bottom of the widget, the link would open in ajax the report containing this widget; this requires:

  • widget to know which report they appear on
  • set the anchor the right widget in the report, in case the widget appears below the fold

Change History

Changed 18 months ago by matt

  • description modified (diff)
  • summary changed from "goals" and "advanced" table view should be disabled in the dashboard to Widgets are too wide in dahsboard:"goals" and "advanced" table view should be disabled in the dashboard

Changed 18 months ago by matt

  • priority changed from major to critical

Changed 17 months ago by vipsoft

  • summary changed from Widgets are too wide in dahsboard:"goals" and "advanced" table view should be disabled in the dashboard to UI: Widgets are too wide in dashboard:"goals" and "advanced" table view should be disabled in the dashboard

A similar visual problem (from #649) can be created when the user increases the text size in the browser.

Changed 13 months ago by domtop

Changed 13 months ago by koteiko

Changed 7 weeks ago by matt

  • sensitive unset
  • milestone changed from 4 - Piwik 1.0 - Stable release to Features requests - after Piwik 1.0

Changed 5 weeks ago by matt

  • priority changed from critical to low

Changed 3 weeks ago by SteveG

What about showing this "oversized" widgets in a dialog with full size? This dialog could be opened on doubleclick (or with a new fullsize-icon or so).

Here a small example how this could be done with a litte jquery code:

$('.col div.sortable').bind('dblclick', function(){
	var mydialog = $(this);
	mydialog.before('<div id="placeholder"> </div>');
	mydialog.dialog({
		title: '',
		bgiframe: true,
		modal: true,
		width: 'auto',
		position: ['center', 'center'],
		resizable: true,
		autoOpen: true,
		close: function(event, ui) {
			mydialog.dialog("destroy");
			$('#placeholder').replaceWith(mydialog);
			mydialog.removeAttr('style');
		}
	});
});

(just execute in firebug to test)

Changed 3 weeks ago by matt

Your proposal is interesting! Maybe we could add a 'full screen' icon next to the close icon in the widget header bar to open this view? this would be a good compromise. thoughts?

Changed 4 days ago by SteveG

  • owner set to SteveG
  • milestone changed from Features requests - after Piwik 1.0 to 5 - Piwik 1.1

Ok... I'm nearly done with this task, but I need the icon to finish it. Matt, could you attach or send me an icon I can use. thx

Changed 4 days ago by matt

ouch sorry I don't have this in hand, can you make up something very light (like the close button) based on the full screen icon used in country map? if you need help with this, please send me an email :)

Note: See TracTickets for help on using tickets.