CiviCRM Community Forums (archive)

*

News:

Have a question about CiviCRM?
Get it answered quickly at the new
CiviCRM Stack Exchange Q+A site
This forum was archived on 25 November 2017. Learn more.
How to get involved.
What to do if you think you've found a bug.



  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM (Moderator: Dave Greenberg) »
  • One Column for Dashboard
Pages: [1]

Author Topic: One Column for Dashboard  (Read 5471 times)

lanetterm

  • I’m new here
  • *
  • Posts: 8
  • Karma: 1
  • CiviCRM version: 3.3
  • CMS version: Drupal
  • MySQL version: 5
  • PHP version: 4.2
One Column for Dashboard
February 04, 2011, 07:04:48 am
Is it possible to have the dashboard be one column with widgets stacked on top of each other? Users do not like that the widgets show up with side scrollers  -- I tried looking through the templates and I did not see where the column layout was.

Any help would be appreciated

thanks

Dave Greenberg

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 5760
  • Karma: 226
    • My CiviCRM Blog
Re: One Column for Dashboard
February 06, 2011, 06:22:30 pm
Check out comments in this template: templates/CRM/common/dashboard.tpl - looks like you can change the column setting near the top (NB - haven't tried it).

(looks like you'll also need to change stuff in packages/jquery/css/dashboard.css)
Protect your investment in CiviCRM by  becoming a Member!

lanetterm

  • I’m new here
  • *
  • Posts: 8
  • Karma: 1
  • CiviCRM version: 3.3
  • CMS version: Drupal
  • MySQL version: 5
  • PHP version: 4.2
Re: One Column for Dashboard
February 07, 2011, 06:34:50 am
Thanks -- that did the trick -- I was looking at the wrong dashboard.tpl


thanks
Lanette

Dave Greenberg

  • Administrator
  • I’m (like) Lobo ;)
  • *****
  • Posts: 5760
  • Karma: 226
    • My CiviCRM Blog
Re: One Column for Dashboard
February 07, 2011, 09:23:25 am
Cool - make sure you're modifying a COPY of the template (placed in your configured Custom Templates Directory - see Administer > Configure > Global Settings > Directories).
Protect your investment in CiviCRM by  becoming a Member!

cognoscento

  • I post occasionally
  • **
  • Posts: 44
  • Karma: 1
  • CiviCRM version: 4.2
  • CMS version: Drupal 7.17
  • MySQL version: 5.1.65
  • PHP version: 5.3.17
Re: One Column for Dashboard
February 07, 2011, 02:21:34 pm
Funny enough, I had a related question... why is dashboard.css hidden away in the jquery/css folder? I'm also looking to adjust the dashboard columns to fit my grid layout.

theMusician

  • I post occasionally
  • **
  • Posts: 48
  • Karma: 3
  • CiviCRM version: 4.0 and 4.0.1
  • CMS version: Drupal 7.0
  • MySQL version: MySQL 5.x
  • PHP version: 5.2
Re: One Column for Dashboard
May 11, 2011, 11:35:17 am
Making a one-column dashboard is straightforward using the information provided here. However, where do you put the CSS so that it is not overwritten during an upgrade. If I place it in my custom_templates folder mimicking the real path it does not take effect.

This is where I tried putting my CSS. This is beneath my custom_templates folder.
sites/default/files/civicrm/custom_templates/packages/jquery/css

This is the real path
sites/all/modules/civicrm/packages/jquery/css

Can only items that live in the CRM folder exist under the custom template directory?

Thanks.

GingerFeet

  • I post occasionally
  • **
  • Posts: 78
  • Karma: 4
  • CiviCRM version: 3.4.6 / 3.4.7
  • CMS version: Drupal 6.22
  • MySQL version: 5.1
  • PHP version: 5.3.6
Re: One Column for Dashboard
May 13, 2011, 12:05:48 pm
I put my customized files in /var/www/custom and then I symlink from the civiCRM directory or Drupal module directory to the customized file.

GF

Mark Tompsett

  • I post frequently
  • ***
  • Posts: 143
  • Karma: 9
    • QualityTime Services Ltd
  • CiviCRM version: 4.3.4
  • CMS version: Drupal 7.22
  • MySQL version: 5.5.30-cll
  • PHP version: 5.3.23
Re: One Column for Dashboard
November 25, 2011, 01:16:11 am
If anybody wants the code, here is the code I used in dashboard.css.....
Code: [Select]
#crm-container #dashlets-header-col-0 {
    float: left;
    width: 100%; /* was 40% */
    display: none; /* to hide "Left Column" */
}

#crm-container #dashlets-header-col-1 {
    margin-left: 42%;
    width: 0%; /* was 56% */
    display: none; /* to hide "Right Column" */
}

#crm-container #existing-dashlets-col-0 {
    float: left;
    width: 100%;  /* was 40% */
}

#crm-container #existing-dashlets-col-1 {
    margin-left: 42%;
    width: 0%; /* was 56% */
}This makes the left column 100% wide (squeezing the right column to 0%) and hiding the column headers text.

Mark Tompsett

  • I post frequently
  • ***
  • Posts: 143
  • Karma: 9
    • QualityTime Services Ltd
  • CiviCRM version: 4.3.4
  • CMS version: Drupal 7.22
  • MySQL version: 5.5.30-cll
  • PHP version: 5.3.23
Re: One Column for Dashboard
February 03, 2012, 07:55:17 am
Alternatively, it also seems to work if you put that code into extras.css (rather than mess with dashboard.css)

Mark

tapash

  • I post occasionally
  • **
  • Posts: 56
  • Karma: 0
  • CiviCRM version: 4.4.13
  • CMS version: Drupal 7.34
  • MySQL version: 5.1
  • PHP version: 5.3.3
Re: One Column for Dashboard
June 25, 2013, 03:57:01 am
Hi, I am using Civicrm 4.3.4 on drupal. I have tried this code above and chaged the code in dashboard.css and managed to squeezing the laft column to 100%. but when I select a dashboard item it still shows as if it would be with old setting. please find screenshot below. Thanks

xavier

  • Forum Godess / God
  • I’m (like) Lobo ;)
  • *****
  • Posts: 4453
  • Karma: 161
    • Tech To The People
  • CiviCRM version: yes probably
  • CMS version: drupal
Re: One Column for Dashboard
June 25, 2013, 04:53:05 am
Hi,

I did an extension to put both columns on the top of each other

https://github.com/TechToThePeople/smartbe

I'm going to rename and make it more generic soon(ish) but you can use it like that right now

X+
-Hackathon and data journalism about the European parliament 24-26 jan. Watch out the result

tapash

  • I post occasionally
  • **
  • Posts: 56
  • Karma: 0
  • CiviCRM version: 4.4.13
  • CMS version: Drupal 7.34
  • MySQL version: 5.1
  • PHP version: 5.3.3
Re: One Column for Dashboard
June 27, 2013, 12:02:01 am
smartbe is great work. thanks  :)

Tiffani Chin

  • I post occasionally
  • **
  • Posts: 101
  • Karma: 2
  • CiviCRM version: 4.4.4
  • CMS version: Drupal 7.26
  • MySQL version: 5.5.30
  • PHP version: 5.3.17
Re: One Column for Dashboard
May 21, 2014, 11:23:27 am
I've struggled to do this, off and on for a while.  Following the advice above has never quite done the trick for me.

When I do all of the above (change template to 1 column, change column percents for dashlets and ALSO change the #crm-container width of column 1 to 0% (in dashboard.css), then I finally get just one column.  Here's the code I used, just in case anyone else is frustrated trying to do this.

Code: [Select]
#crm-container .column {
  float: left;
  margin: 0;
  /* padding-bottom and min-height make sure that there is always a sizable drop zone. */
  min-height: 400px;
  height: 400px;
  height: auto !important;
  padding: 0 0 250px;
  list-style-type: none;
}
/*Notes to self: - I am changing the percents below to try to get just one column in the dashboard*/

#crm-container .column-0 {
  width: 100%;
}

#crm-container .column-1 {
  width: 0%;
}

Carolyn Shannon

  • I’m new here
  • *
  • Posts: 25
  • Karma: 3
  • CiviCRM version: 4.4.6
  • CMS version: Drupal 7
  • MySQL version: 5.1.54
  • PHP version: 5.3.5
Re: One Column for Dashboard
July 14, 2014, 10:10:40 am
Update (4.4.6 on Drupal 7):

1) modify civicrm/templates/crm/common/dashboard.tpl line 33 to columns: 1,

2) define custom css directory (directory defined in the Resource URLs page: civicrm/admin/setting/url&reset=1)

3) create/modify custom.css in your custom css directory including this:

#crm-container .column-0 {
   width: 100% !important;
}
Pages: [1]
  • CiviCRM Community Forums (archive) »
  • Old sections (read-only, deprecated) »
  • Support »
  • Using CiviCRM (Moderator: Dave Greenberg) »
  • One Column for Dashboard

This forum was archived on 2017-11-26.