29 April, 2015
By emilyf
Filed under GSoC
We've officially kicked off the community bonding period for the 2015 Google Summer of Code (GSoC) this week. This is CiviCRM's second year participating in the program, and Google has increased our number of project slots this year from 6 to 10, a great step up for a second year organization. The students in total will receive $55,000 from Google for roughly 4,600 hours of development and CiviCRM LLC will receive $5000 if all 10 projects are completed successfully.

The community bonding period is especially important because it gives YOU the opportunity to learn about the projects and participate in their success. Every student has already started a forum thread that they will update throughout the project duration, and you are welcome at any time to comment on these forum threads and also to offer advice wherever possible. We have around 10'000 different organisations using civicrm, we need your help so each student has the chance to have their work used by as many as...

Read more
13 October, 2014
Filed under Drupal 8, GSoC, Drupal

As part of the Google Summer of Code, I began work on getting CiviCRM and the upcoming Drupal 8 working together nicely. I made an update about midway through and it's time for another update. I had separated the project into a number of milestones. Phases 1, 2 and 3 dealt with varying aspects of the core CiviCRM module functionality. This work has largely been completed and there are pull requests pending into CiviCRM core, though the front end user experience is still a bit rough (for example, the CiviCRM menu bar doesn’t sit well alongside the Drupal menu). The installation process is quite different with Drupal 8: civicrm now installs as if it were any other Drupal module — simply by clicking enable. It's no longer necessary to use the CiviCRM installer before enabling the module. This handles the most common use case where CiviCRM is installed in the same database as Drupal itself. Custom options can be...

Read more
24 September, 2014
Filed under GSoC


I am Siddharth Gupta, and this post is an update from my last post about civisualize and a small summary of my last three months as a Google Summer of Code student for CiviCRM.

To start with, I would first like to thank all the mentors, Xavier, Gordon and Max. Your help and support over the last three months was indispensable. I really am proud of the fact that I could contribute something to the open-source community in the form of small contributions to dc.js and CiviCRM.

Google Summer of Code happened to me like a long dramatic story, to cut the story short, I was one of the admins of byld - software development club at my institute and few of the club members who were associated to GSoc as a mentor and student organized this talk telling all of us about Google Summer of Code. After the list of organizations were released, I started looking for an organization and luckily CiviCRM was the first organization I came...

Read more
08 September, 2014
Filed under GSoC

Hi I am Aditya Nambiar a third year undergraduate student pursuing Computer Science at IIT Bombay.This is final blog post on my project - Visualization for Mailing stats and A/B testing. I shall be explaining the work flow of my project in the blog post

Listing Page

The first page is the listing page where all the scheduled and drafted A/B tests are listed out. If any A/B test has been “submitted and sent” then one can view the results, if it has not yet been submitted and sent then one can edit it. Only one option edit/ result is visible at any time.

The button "New A/B Test" allows a user to start a new A/B test.

Creating a A/B test

Creating a new A/B test consists of 4 UI tabs.

First Tab


Read more
08 September, 2014
By rajgo94
Filed under GSoC

Hi, I'm Siddhant Rajagopalan, a third year Undergraduate student studying CSE from IIT Bombay.

This is the final blog post regarding my GSoC project, “Mail Blast UI”.

My blog post which talks about my project can be seen at


My midterm blog post can be seen at


The code is available on my gitHub.

The link is https://github.com/rajgo94/civicrm-core/tree/mailingui-new.


I have currently kept the UI as a 3 tab...

Read more
16 August, 2014
By teja
Filed under GSoC


Bootstrap CSS for CiviCRM UI was conceived as a project to provide a templating layer to native CiviCRM elements.  For the past three months, my efforts for focussed on this. As we come to the end of my GSoC project, here are some updates.

It was decided initially that the project should prioritize user-centric pages and then follow up with administration console pages. Hence, I began working with front-end pages including Profile and Contribution pages.

Profile Page:

Contribution Page :



       An added advantage of this approach was CiviCRM pages that were mobile friendly and easily scalable.  


... Read more
16 July, 2014
Filed under GSoC

Hi I am Aditya Nambiar, and I am currently working on Visualization for Mailing Stats and A/B Testing which is my GSOC 2014 project. I am at the midterm stage of my project and would like to share the progress I have currently made. Please do give your valuable feedback and suggestions. Here is the link to my previous blog https://civicrm.org/blogs/adityanambiar/ui-mockup-ab-testing-civimail


Currently the entire A/B testing has a tabular UI which we have created using AngularJS. The user has to follow the sequence of tabs and cannot jump ahead since the other tabs are disabled and are enabled only when the User has successfully entered all the form data required in previous tabs. However once the tabs are enabled the user can jump from any enabled tab to another to make the changes he wants to.


The first tab is “Campaign” which...

Read more
15 July, 2014
By rajgo94
Filed under GSoC

Hi, I'm Siddhant Rajagopalan, a second year undergraduate student studying CSE from IIT Bombay.

I am currently working on improving the usability of CiviMail as my GSoC 2014 project. We are at around the midterm stage of the project, this post is to get feedback on the progress made.

My previous blog post which talks about my project can be seen at https://civicrm.org/blogs/rajgo94/mail-blast-ui-mockups-and-plan-coming-weeks.

I greatly appreciate the feedback received for that blog post.

We stuck to a tab UI made using AngularJS based on the feedback received for the mockups. We can switch from one tab to another interactively.

The code is available on my github. If interested do check https://...

Read more
09 July, 2014
By teja
Filed under GSoC

As I have been working to customize CiviCRM CSS to Bootstrap CSS. In the process, to change labels like input text, dropdowns I have made changes in \civicrm\packages\HTML\QuickForm\input.php , But found that this is not the correct way to customize because if HTML-QuickForm is updated the entire changes to the code will be lost . So to overcome this problem I found another location within the CRM where this customization is done and the location is civicrm\CRM\Core\Form\Renderer.php (For initial stages, I have been testing on form and the location will change depending on the element taken). Special thanks to Emily in sorting the things out.

With this I can now customise the input-text fields, dropdowns and many more without making anychanges to the HTML_QuickForm.

Snapshot of the Update is as follows:-

In the above snapshot, the input-text fields and...

Read more
03 July, 2014
By teja
Filed under GSoC

I want to share some midterm updates regarding my GSOC 14 project- Bootstrap for CiviCRM

As many suggested that both the original UI of Civi and Bootstrap UI should co-exist, I took form elements as the basis and tried on re-working from original UI to Bootstrap UI and I have had some success in doing that.

Task 1:

My main task at the beginning of project was to map the templates files in the CiviCRM core for all relevant elements. I could find the files after some digging (Special thanks to Jeremy for helping me out). The Templates files are placed at civicrm\civicrm\templates\CRM

Task 2:

Once I found out the relevant files the main task was combining and integrating Bootstrap CSS file with CiviCRM css file. I wrote the styling in .less and compiled into .css and the file was placed in \civicrm\civicrm\css\civicrm.css
Once I have done that it was...

Read more