Headers and pre columns

Forums Dynamic Forms for SharePoint Headers and pre columns

This topic contains 3 replies, has 2 voices, and was last updated by  Sonoma 5 years, 1 month ago.

  • Author
  • #6200


    I understand how to insert headers and use the left and top to display a field but how would I insert a column?

    My fields are a text box text set to top and a check box.
    2 columns but need to insert a column that has labels.

    I need to have the labels/headers on top which the “Insert header” provides if needed but I would like to be able to set the headers to the left or right or use the same index # to get them side by side.

    What do you recommend?
    Can I have a field and not display the field but display the label only?

    I have attached a screenshot. The text in the red is what I need to add. 3 rows. each unique to its row.


  • #6205


    I kind of found a work around but I feel it is cheesy.
    I created new fields in SP (lblDisplay1,lblDislblBlank2,lblBlank3,lbbDisplayText1, etc) and hide them with jquery. Alignment can be cumbersome but it works.
    Is this the way or is there a better/preferred way?

    Sample code I put in Misc


    Thank you.

  • #6217

    Alexander Bautz

    You can do it a bit easier like this:
    Add the side-by-side fields, but do NOT check “Stretch side-by-side fields over both form columns” in the “Side-by-side” tab.

    Add this custom js in the Misc tab:

    $("#sbs_OuterTR_1").find("div.dffs_tdWrap:first").html("<h3 class='ms-standardheader'>Q1</h3>");
    $("#sbs_OuterTR_2").find("div.dffs_tdWrap:first").html("<h3 class='ms-standardheader'>Q2</h3>");

    The number in this string represents the side-by-side index used in the “Tabs” tab when setting up side-by-side: sbs_OuterTR_1

    The attached image shows the labels.


  • #6230


    Yet again, nice solution. Thank you.

You must be logged in to reply to this topic.