Forum
Embed Video in a Record
Forum
Demo
Demo
Content
[Content] is a script (might be the body of a closure for IOL)
//New and Add Forms:

//Left Labels (dfid=2)

var markup1 = "";
markup1 += "<h2>Insert Markup Before Section Heading (does not collapse)</h2>";
markup1 += '<svg width="400" height="100">';
markup1 += '  <rect width="400" height="100" style="fill:#FF5575;stroke-width:3;stroke:rgb(0,0,0)" >';
markup1 += '    <title>Insert Markup Before Section Heading (does not collapse)</title>';
markup1 += '  </rect>';
markup1 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup1 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup1 += '</svg>';

//insert div before section #sect_s1Header (does not collapse)
$("<div id=QBU1>" + markup1 + "</div>").insertBefore($("#sect_s1Header"));

var markup2 = "";
markup2 += "<h2>Insert Markup After Section Heading (will collapse with section)</h2>";
markup2 += '<svg width="400" height="100">';
markup2 += '  <rect width="400" height="100" style="fill:#B44DE8;stroke-width:3;stroke:rgb(0,0,0)" >';
markup2 += '    <title>Insert Markup After Section Heading (will collapse with section)</title>';
markup2 += '  </rect>';
markup2 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup2 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup2 += '</svg>';

//insert div after section #sect_s1 (will collapse with section)
$("<div id=QBU2>" + markup2 + "</div>").insertAfter($("#sect_s1"));

var markup3 = "";
markup3 += "<h2>Insert Markup Before Row Containing Field (will collapse with section)</h2>";
markup3 += '<svg width="400" height="100">';
markup3 += '  <rect width="400" height="100" style="fill:#6273FF;stroke-width:3;stroke:rgb(0,0,0)" >';
markup3 += '    <title>Insert Markup Before Row Containing Field (will collapse with section)</title>';
markup3 += '  </rect>';
markup3 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup3 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup3 += '</svg>';

//insert div before row containing field #_fid_6
$("<tr class=formRow><td><b>Label</b></td><td colspan=0>" + markup3 + "</td></tr>")
  .insertBefore($("#_fid_6")
  .closest("tr")
);

var markup4 = "";
markup4 += "<h2>Insert Markup After Row Containing Field (will collapse with section)</h2>";
markup4 += '<svg width="400" height="100">';
markup4 += '  <rect width="400" height="100" style="fill:#4DD2E8;stroke-width:3;stroke:rgb(0,0,0)" >';
markup4 += '    <title>Insert Markup After Row Containing Field (will collapse with section)</title>';
markup4 += '  </rect>';
markup4 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup4 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup4 += '</svg>';

//insert div after row containing field #_fid_6
$("<tr class=formRow><td><b>Label</b></td><td colspan=0>" + markup4 + "</td></tr>")
  .insertAfter($("#_fid_6")
  .closest("tr")
);

var markup5 = "";
markup5 += "<h2>Insert Markup In Place of IOL Field [-] (will collapse with section)</h2>";
markup5 += '<svg width="400" height="100">';
markup5 += '  <rect width="400" height="100" style="fill:#68FF9C;stroke-width:3;stroke:rgb(0,0,0)" >';
markup5 += '    <title>Insert Markup In Place of IOL Field [-] (will collapse with section)</title>';
markup5 += '  </rect>';
markup5 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup5 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup5 += '</svg>';

//Insert Markup In Place of IOL Field [-]
$("img[qbu=module]")
  .replaceWith(markup5)

===
New and Add Forms:
Labels Above (dfid=10)

var markup1 = "";
markup1 += "<h2>Insert Markup Before Section Heading (does not collapse)</h2>";
markup1 += '<svg width="400" height="100">';
markup1 += '  <rect width="400" height="100" style="fill:#FF5575;stroke-width:3;stroke:rgb(0,0,0)" >';
markup1 += '    <text>Insert Markup Before Section Heading</text>';
markup1 += '  </rect>';
markup1 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup1 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup1 += '</svg>';

//insert div above section #sect_s1Header (does not collapse)
$("<div id=QBU1>" + markup1 + "</div>").insertBefore($("#sect_s1Header"));

var markup2 = "";
markup2 += "<h2>Insert Markup After Section Heading (will collapse with section)</h2>";
markup2 += '<svg width="400" height="100">';
markup2 += '  <rect width="400" height="100" style="fill:#B44DE8;stroke-width:3;stroke:rgb(0,0,0)" >';
markup2 += '    <text>Insert Markup After Section Heading</text>';
markup2 += '  </rect>';
markup2 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup2 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup2 += '</svg>';

//insert div after section #sect_s1 (will collapse with section)
$("<div id=QBU2>" + markup2 + "</div>").insertAfter($("#sect_s1"));

var markup3 = "";
markup3 += "<h2>Insert Markup Before Row Containing Field (will collapse with section)</h2>";
markup3 += '<svg width="400" height="100">';
markup3 += '  <rect width="400" height="100" style="fill:#6273FF;stroke-width:3;stroke:rgb(0,0,0)" >';
markup3 += '    <text>Insert Markup Before Row Containing Field</text>';
markup3 += '  </rect>';
markup3 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup3 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup3 += '</svg>';

//insert div before row containing field #_fid_6
$("<tr class=formRow><td colspan=0><b>Label</b><div class=cell>" + markup3 + "</div></td></tr>")
  .insertBefore($("#_fid_6")
  .closest("tr")
);
var markup4 = "";
markup4 += "<h2>Insert Markup After Row Containing Field (will collapse with section)</h2>";
markup4 += '<svg width="400" height="100">';
markup4 += '  <rect width="400" height="100" style="fill:#4DD2E8;stroke-width:3;stroke:rgb(0,0,0)" >';
markup4 += '    <text>Insert Markup After Row Containing Field</text>';
markup4 += '  </rect>';
markup4 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup4 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup4 += '</svg>';

//insert div after row containing field #_fid_6
$("<tr class=formRow><td colspan=0><b>Label</b><div class=cell>" + markup4 + "</div></td></tr>")
  .insertAfter($("#_fid_6")
  .closest("tr")
);

var markup5 = "";
markup5 += "<h2>Insert Markup In Place of IOL Field [-] (will collapse with section)</h2>";
markup5 += '<svg width="400" height="100">';
markup5 += '  <rect width="400" height="100" style="fill:#68FF9C;stroke-width:3;stroke:rgb(0,0,0)" >';
markup5 += '    <title>Insert Markup In Place of IOL Field [-] (will collapse with section)</title>';
markup5 += '  </rect>';
markup5 += '  <line x1="0"   y1="0" x2="400" y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup5 += '  <line x1="400" y1="0" x2="0"   y2="100" style="stroke:rgb(0,0,0);stroke-width:2" />';
markup5 += '</svg>';

//Insert Markup In Place of IOL Field [-]
$("img[qbu=module]")
  .replaceWith(markup5)
Copy [Content] to Clipboard
Usage Notes
The code in this page is copyright by Dan Diebolt and may not be used without including my phone number (773-312-8131) and email address (dandiebolt@yahoo.com) in the footer of where you may want to use it.
Other & Flags
Yes  
Diebolt, Dan
Created on Aug. 29, 2014 at  4:03 PM (CST). Last updated by Diebolt, Dan on Nov.  5, 2018 at 10:14 AM (CST). Owned by Diebolt, Dan.
Dan Diebolt
Dan Diebolt
Show fields from Show fields from Show fields from a related table
Report Name *
Description
Reports and Charts Panel
Each table has a panel listing its reports and charts, organized in groups.
Please wait while your new report is saved...
Field label
Column heading override
Justification
What does auto mean?
Fields in:

Fields to Extract:

Name for the new table:
Items in the new table are called:

When you bring additional fields into a conversion, Quickbase often finds inconsistencies. For example, say you're converting your Companies column into its own table. One company, Acme Corporation, has offices in New York, Dallas and Portland. So, when you add the City column to the conversion, Quickbase finds three different locations for Acme. A single value in the column you're converting can only match one value in any additional field. Quickbase needs you to clean up the extra cities before it can create your new table. To do so, you have one of two choices:

  • If you want to create three separate Acme records (Acme-New York, Acme-Dallas and Acme-Portland) click the Conform link at the top of the column.
  • If the dissimilar entries are mistakes (say Acme only has one office in New York and the other locations are data-entry errors) go back into your table and correct the inconsistencies—in this case, changing all locations to New York. Then try the conversion again.

Read more about converting a column into a table.

We're glad you're interested in doing more with Quickbase!

Now we need to make you official before you share apps or manage your account.

Verifying your email lets you share Quickbase with others in your company.

Your work email
Your company