joel.wilson:

Current status of the boxes :

I am unable to improve the following things :

1. Have the text in a row by itself(The Select the modules... one)
2. The box and text are not aligned on the same line.
3. The checkboxes on the top line are slightly truncated.(the remaining is encircled below)
4. The labels(a to j) need to be in white bold text.

This is what I have tried so far :

ui.R :

library(shiny)
controls                 class = 'multicol', 
                checkboxGroupInput(inputId  = 'modules', 
                                   label    = "Step 1 : Select the modules to be executed", 
                                   choices  = c(process_names),
                                   selected = "",
                                   inline   = FALSE)))
shinyUI(fluidPage(
  tags$style(type='text/css', "label {font-size: 22px; }            # controls the text of check-boxes
             .form-group {margin-top: 5px; margin-bottom: 5px;}
             .nav-tabs {font-family:'arial';font-size:20px}
             #sidebar {background-color: #5C97BF;}
             #mainbar {background-color: #5C97BF;}
             body { background-color: #002B55;}
             input[type=checkbox] {transform: scale(2);}
             .multicol {height: 200px; -webkit-column-count: 4; 
             -moz-column-count: 4;    /* Firefox */
             column-count: 4; -moz-column-fill: auto;-column-fill: auto;} # increases the size of checkboxes
             div.checkbox {margin-top: 10px;color:'#FFFFFF';font-weight: bold; }
             .btn {display:block;height: 60px;width: 40px;border-radius: 50%;} # for actionButton
             "),

  sidebarLayout(
    position = "left",
    sidebarPanel(controls),
    mainPanel()
  )
))

server.R

shinyServer(
  function(input, output){

  }
)