Add the view mode to the CSS classes used for the body

Question

Is it possible to add the view mode used for a display into the body class?

At the moment, the view mode is being inserted into one of the region classes, but I would like to add it also to the body class. This would allow me to change the page to full width depending on the view mode.

I am using the Bootstrap theme.

Answer 1

If you are using sub theme of bootstrap theme then you can possibly add class to body tag of the node.

Go to SubThemeDirectory/and open template.php and add this hook_preprocess_html()

function THEMENAME_preprocess_html(&$vars) {
  if ($node = menu_get_object()) {
    $vars['body_attributes_array']['class'][] = 'mode-' . $vars['page']['content']['system_main']['nodes'][$node->nid]['#view_mode']; // Node ID class
  }
}

I hope this'll at least give an idea how to add class attribute.