     else
       Formbuilder.inputFields[name] = opts
 
+  @make_wizard: (elem, prev_text, next_text, before_cb, after_cb) ->
+    elem.easyWizard({
+      showSteps: false,
+      submitButton: false,
+      prevButton: prev_text,
+      nextButton: next_text
+    })
+
   @views:
     wizard_tab: Backbone.View.extend
+      tagName: 'div'
       className: "fb-tab"
       initialize: ->
         @parentView = @options.parentView
         @frag = document.createDocumentFragment()
+        @recurring = @options.recurring
+        if @options.view_type != 'print'
+          @setSectionProps(@options.index, @options.back_visibility)
+        if @options.view_type == 'print'
+          $el.append('<colgroup><col style="width: 30%;"><col style="width: 70%;"></colgroup>')
       make_live: ->
-        @$el.append(@frag)
+        @$el.append(if @recurring then wrap_section(@frag) else @frag)
         @$el
       append_child: (child) ->
         @frag.appendChild(child)
+      dummy_step: (cnt) ->
+        elem = $('<div></div>')
+        @setSectionProps(cnt, true, elem)
+        elem
+      wrap_section: (el) ->
+        do (inner_wiz_step = $('<div data-step-id></div>')
+            inner1 = new Formbuilder.views.wizard_tab
+              parentView: @
+              view_type: @options.view_type
+              index: 1
+              back_visibility: back_visibility
+            inner2 = new Formbuilder.views.wizard_tab
+              parentView: @
+              view_type: @options.view_type
+              index: 2
+              back_visibility: back_visibility) ->
+          inner_wiz = $('<div></div>')
+          inner_wiz.append(inner1)
+          inner_wiz.append(inner2)
+          Formbuilder.make_wizzard(inner_wiz, "Prev entry", "New entry")
+          inner_wiz_step.append(inner_wiz)
+          inner_wiz_step
+      setSectionProps:  (cnt, back_visibility, elem) ->
+        elem = elem || @$el
+        elem.attr({
+          'data-step': cnt,
+          'show-back': back_visibility,
+          'data-step-title': "step#{cnt}"
+        }).addClass('step')
+        elem.addClass('active') if cnt == 1
+ 
+
 
     view_field: Backbone.View.extend
       className: "fb-field-wrapper"

                  else
                    condition = @parentView.checkNotEqual
                    condition = '!=' if str_condition

                  check_result = @evalCondition(clicked_element,
                      source_model, condition, set_field.value)
                  check_match_condtions.push(check_result)

            if (and_flag && check_match_condtions.indexOf(false) == -1) || ( !and_flag && check_match_condtions.indexOf(true) != -1)
              @show_hide_fields(true, set_field)
            else
              @show_hide_fields(false, set_field)

        outerHeight = 0
        $(".fb-tab.step.active .fb-field-wrapper:visible").each ->
          outerHeight += $(this).height()

          else
            @$el.removeClass(set_field.action)

          if @field_type is 'heading'
            $('#'+@model.getCid()).text(@model.get('label'))
          if @field_type is 'free_text_html'
            @$('#'+@model.getCid()).html('')
            @$('#'+@model.getCid()).html(@model.get('field_options').html_data)
