AnsweredAssumed Answered

Is it possible to not use Empty Field Pills for a specific field?

Question asked by Jeff Ward on Jun 4, 2020
Latest reply on Jun 11, 2020 by Patrick McQueen

Is there a way to have a field not be editable on the record view? (I do not see any configuration option for this.)

 

I am having a problem with iframes in the new UI with the iframe not being shown because Empty Field Pill is being used for the iframe field.

 

The iframe should always be displayed and should not be editable at all.

 

When the pill is showing the html is this:
(notice the class in the first div has label-pill, and the span around the iframe has dislpay: none;)

<div class="record-cell label-pill" data-type="iframe" data-name="test_iframe_c">
     <span sfuuid="424" class="detail">
          <div class="labels-on-side">
               <div class="record-label-wrapper span2">
                    <div class="record-label ellipsis_inline" data-placement="bottom" data-original-title="Test Iframe" title="" data-name="test_iframe_c" tabindex="-1">
                         <i class="fa fa-plus label-plus"></i>
                         Test Iframe
                    </div>
               </div>
               <div class="record-link-wrapper span10">
                    <span class="normal index" data-fieldname="test_iframe_c" data-index="">
                         <span sfuuid="472" class="detail hide" style="display: none;">
                              <iframe src="https://www.testiframesrc.com/" width="100%" height="200"></iframe>
                         </span>
                    </span>
               </div>
               <span class="record-edit-link-wrapper " data-name="test_iframe_c" data-wrapper="edit" tabindex="-1">
                    <a class="record-edit-link btn btn-invisible" data-type="iframe" data-name="test_iframe_c"><i class="fa fa-pencil" style="top: 6px; left: 41.1333px;"></i></a>
               </span>
               <span class="record-lock-link-wrapper hide" data-name="test_iframe_c">
                    <a class="record-lock-link btn btn-invisible" data-type="iframe" data-name="test_iframe_c">
                         <i class="fa fa-lock" rel="tooltip" data-original-title="This field is locked because it is involved in a running process." data-placement="right"></i>
                    </a>
               </span>
          </div>
     </span>
</div>

 

When you click the pill to display/edit the field:
(notice the class label-pill has been replaced with edit, display: none; has been removed from the span, *****and the iframe html has disappeared)

<div class="record-cell edit" data-type="iframe" data-name="test_iframe_c">
     <span sfuuid="424" class="detail">
          <div class="labels-on-side">
               <div class="record-label-wrapper span2">
                    <div class="record-label ellipsis_inline" data-placement="bottom" data-original-title="Test Iframe" title="" data-name="test_iframe_c" tabindex="-1">
                         <i class="fa fa-plus label-plus"></i>
                         Test Iframe
                    </div>
               </div>
               <div class="record-link-wrapper span10">
                    <span class="normal index" data-fieldname="test_iframe_c" data-index="">
                         <span sfuuid="472" class="edit" style="">
                         </span>
                    </span>
               </div>
               <span class="record-edit-link-wrapper " data-name="test_iframe_c" data-wrapper="edit" tabindex="-1">
                    <a class="record-edit-link btn btn-invisible" data-type="iframe" data-name="test_iframe_c"><i class="fa fa-pencil" style="top: 6px; left: 41.1333px;"></i></a>
               </span>
               <span class="record-lock-link-wrapper hide" data-name="test_iframe_c">
                    <a class="record-lock-link btn btn-invisible" data-type="iframe" data-name="test_iframe_c">
                         <i class="fa fa-lock" rel="tooltip" data-original-title="This field is locked because it is involved in a running process." data-placement="right"></i>
                    </a>
               </span>
          </div>
     </span>
</div>

Outcomes