Compulsory field inside lightening page overflows and distorts in field editor

Ankur JainAnkur Jain Member
edited February 2019 in Problems
When I am loading a page inside lightening. any compulsory field in the field editor causes the next field to move forward and it distorts the entire field editors placements of fields - Screenshot as below.

image

Comments

  • Stephen SellsStephen Sells Member
    edited March 2018
    I don't think your image is working properly. Would you mind posting it again?
  • Ankur JainAnkur Jain Member
    edited March 2018
    image
  • Stephen SellsStephen Sells Member
    edited March 2018
    Can you share this page's XML?
  • Ankur JainAnkur Jain Member
    edited March 2018
    Can you share your email where to send the xml ?
  • Stephen SellsStephen Sells Member
    edited March 2018
    Can you paste it here?
  • Ankur JainAnkur Jain Member
    edited March 2018
    <skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" useviewportmeta="true" showheader="true" theme="Material Blue">
        <models>
            <model id="CaseOnCaseSummary" limit="20" query="true" createrowifnonefound="true" datasource="salesforce" type="" sobject="Case">
                <fields>
                    <field id="RecordTypeId"/>
                    <field id="ContactId"/>
                    <field id="Contact.Name"/>
                    <field id="Employee_Supervisor__c"/>
                    <field id="Employee_Supervisor_Last_Name__c"/>
                    <field id="AccountId"/>
                    <field id="Account.Name"/>
                    <field id="Employee_Supervisor_Phone_Number__c"/>
                    <field id="Employee_Supervisor_Position__c"/>
                    <field id="bm_Payroll_Info_Contact_First_Name__c"/>
                    <field id="bm_Payroll_Info_Contact_Last_Name__c"/>
                    <field id="bm_Payroll_info_Contact_Phone__c"/>
                    <field id="bm_Payroll_Information_Phone_Extension__c"/>
                    <field id="bm_Payroll_Information_Contact_Email__c"/>
                    <field id="bm_Payroll_Information_Contact_Fax__c"/>
                    <field id="bm_Employer_Contact_First_Name__c"/>
                    <field id="bm_Employer_Contact_Last_Name__c"/>
                    <field id="bm_Employer_Contact_Fax__c"/>
                    <field id="bm_Employer_Contact_Email__c"/>
                    <field id="bm_Employer_Contact_Telephone__c"/>
                    <field id="bm_Employer_Street__c"/>
                    <field id="bm_Employer_Province__c"/>
                    <field id="bm_Employer_Postal_Code__c"/>
                    <field id="bm_First_Name_of_Whom_Injury_Reported_To__c"/>
                    <field id="bm_Last_Name_of_Whom_Injury_Reported_to__c"/>
                    <field id="bm_Job_Title_of_Who_Incident_Reported_To__c"/>
                    <field id="bm_Incident_Reported_to_please_check_one__c"/>
                    <field id="bm_Ph_Num_of_Who_Incident_reported_to__c"/>
                    <field id="bm_Did_the_worker_receive_First_Aid__c"/>
                    <field id="bm_First_Aid_Type_and_provider_s_name__c"/>
                    <field id="bm_YU_Was_first_aid_given_at_work_site__c"/>
                    <field id="bm_Date_worker_received_health_care__c"/>
                    <field id="bm_Health_Care_Facility_Name__c"/>
                    <field id="bm_Health_Care_Facility_Address__c"/>
                    <field id="bm_Health_Care_Facility_City__c"/>
                    <field id="bm_Health_Care_Facility_Fax_Number__c"/>
                    <field id="bm_Health_Care_Facility_Phone_Number__c"/>
                    <field id="bm_Health_Care_Facility_Postal_Code__c"/>
                    <field id="bm_Health_Care_Facility_Province__c"/>
                    <field id="bm_Health_Care_Professional_First_Name__c"/>
                    <field id="bm_Health_Care_Professional_Last_Name__c"/>
                    <field id="bm_Health_Care_Professional_Designation__c"/>
                    <field id="bm_Where_did_worker_receive_medical_car__c"/>
                    <field id="bm_Referred_the_worker_to_a_health_care__c"/>
                    <field id="bm_Any_one_else_Responsible_Details__c"/>
                    <field id="bm_any_one_else_Partially_or_completely__c"/>
                    <field id="bm_Any_else_involved_in_incident_Explain__c"/>
                    <field id="bm_Was_anyone_else_involved_in_incident__c"/>
                    <field id="bm_Other_Person_Involved_Contact_Details__c"/>
                    <field id="bm_Other_Person_Involved_First_Name__c"/>
                    <field id="bm_Other_Person_Involved_Last_Name__c"/>
                    <field id="bm_Were_there_any_Witnesses__c"/>
                    <field id="bm_Witness_First_Name__c"/>
                    <field id="bm_Witness_Last_Name__c"/>
                    <field id="bm_Witness_Phone_number__c"/>
                    <field id="Witness_Injured_in_Incident__c"/>
                    <field id="bm_Witness_Position__c"/>
                    <field id="Witness2_First_Name__c"/>
                    <field id="Witness2_Last_Name__c"/>
                    <field id="Witness2_Phone_number__c"/>
                    <field id="Witness2_Position__c"/>
                    <field id="Witness2_Injured_in_Incident__c"/>
                    <field id="Witness3_First_Name__c"/>
                    <field id="bm_Witness3_Last_Name__c"/>
                    <field id="bm_Witness3_Position__c"/>
                    <field id="bm_Witness_3_Injuried__c"/>
                    <field id="Witness_3_Phone_Number__c"/>
                    <field id="Employee_Supervisor_Email__c"/>
                    <field id="Account.WCB_Case_Manager__c"/>
                    <field id="Account.WCB_Case_Manager__r.Name"/>
                    <field id="bm_Employer_City__c"/>
                    <field id="Id"/>
                    <field id="Claim_Type__c"/>
                    <field id="bm_Incident_Type__c"/>
                    <field id="bm_Date_Time_of_Incident__c"/>
                    <field id="Date_Incident_Reported__c"/>
                    <field id="CreatedDate"/>
                    <field id="Date_Case_is_Filed_with_WCB__c"/>
                    <field id="CaseNumber"/>
                    <field id="WCB_Claim_Number__c"/>
                    <field id="Incident_Detail_Explanation__c"/>
                    <field id="bm_whcih_part_of_premise_acc_occur__c"/>
                    <field id="bm_Accident_location_city_province_req_d__c"/>
                    <field id="bm_Accident_Province__c"/>
                    <field id="bm_Name_Address_of_premises__c"/>
                    <field id="bm_Cause_of_Injury__c"/>
                    <field id="bm_Nature_of_Injury__c"/>
                    <field id="bm_Upper_Extremity_Body_Parts__c"/>
                    <field id="bm_Lower_Extremity_Body_Parts__c"/>
                    <field id="bm_Back_Body_Parts__c"/>
                    <field id="bm_Shoulder_Body_Parts__c"/>
                    <field id="bm_Head_And_Neck_Body_Parts__c"/>
                    <field id="Date_Worker_received_first_aid_BC__c"/>
                    <field id="bm_Date_seen_by_doctor__c"/>
                    <field id="bm_Employment_Type_Case__c"/>
                    <field id="bm_Date_of_hire_employee_detail__c"/>
                    <field id="Duration_of_Employment__c"/>
                    <field id="WCB_Contact_First_Name__c"/>
                    <field id="WCB_Contact_Last_Name__c"/>
                    <field id="WCB_Contact_Phone__c"/>
                    <field id="WCB_Contact_Email__c"/>
                    <field id="bm_How_Long_employee_working_in_position__c"/>
                    <field id="How_Long_employee_position_Unit__c"/>
                    <field id="bm_Incident_Type_Explained__c"/>
                </fields>
                <conditions>
                    <condition type="param" value="id" field="Id" operator="=" enclosevalueinquotes="true" novaluebehavior="" state=""/>
                </conditions>
                <actions/>
            </model>
            <model id="ContactsOnCaseSummary" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Contact">
                <fields/>
                <conditions>
                    <condition type="modelmerge" value="" field="Id" operator="=" model="CaseOnCaseSummary" enclosevalueinquotes="true" mergefield="ContactId" novaluebehavior="deactivate" fieldtargetobjects="Contact"/>
                </conditions>
                <actions/>
                <groupby method="simple"/>
            </model>
            <model id="EmployeeSupervisorCaseSummary" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Contact">
                <fields>
                    <field id="Id"/>
                    <field id="ReportsToId"/>
                    <field id="ReportsTo.Name"/>
                    <field id="FirstName"/>
                    <field id="LastName"/>
                    <field id="ReportsTo.FirstName"/>
                    <field id="ReportsTo.LastName"/>
                </fields>
                <conditions>
                    <condition type="modelmerge" value="" field="Id" operator="=" fieldtargetobjects="Contact" mergefield="ContactId" novaluebehavior="deactivate" state="" inactive="false" model="CaseOnCaseSummary" enclosevalueinquotes="true"/>
                </conditions>
                <actions>
                    <action>
                        <actions>
                            <action type="requeryModel" model="EmployeeSupervisorDetails" behavior="standard"/>
                            <action type="updateRow" fieldmodel="CaseOnAllRelatedContacts" affectedrows="context" sourcemodel="CaseOnAllRelatedContacts" targetmodel="CaseOnAllRelatedContacts" field="Employee_Supervisor__c" enclosevalueinquotes="true" value="{{$Model.EmployeeSupervisorDetails.data.0.FirstName}}">
                                <panel title="Sliding Panel Contents" uniqueid="sk-27jHCy-1847" size="270px" origin="left" closeonpageclick="true" behavior="overlay">
                                    <components>
                                        <template multiple="false" uniqueid="sk-27jJ4H-1853">
                                            <contents>hi</contents>
                                        </template>
                                    </components>
                                </panel>
                            </action>
                            <action type="updateRow" fieldmodel="CaseOnAllRelatedContacts" affectedrows="context" field="Employee_Supervisor_Last_Name__c" enclosevalueinquotes="true" value="{{$Model.EmployeeSupervisorDetails.data.0.LastName}}"/>
                        </actions>
                        <events>
                            <event>row.updated</event>
                        </events>
                        <fields>
                            <field>Id</field>
                            <field>ReportsToId</field>
                        </fields>
                    </action>
                </actions>
            </model>
            <model id="AccountOnCaseSummary" limit="1" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Account">
                <fields>
                    <field id="Name"/>
                    <field id="Phone"/>
                    <field id="bm_Client_Location__c"/>
                    <field id="BillingStreet"/>
                    <field id="BillingState"/>
                    <field id="BillingCountry"/>
                    <field id="BillingCity"/>
                </fields>
                <conditions>
                    <condition type="modelmerge" value="" field="Id" operator="=" model="CaseOnCaseSummary" enclosevalueinquotes="true" mergefield="AccountId" novaluebehavior="deactivate" fieldtargetobjects="Account"/>
                </conditions>
                <actions/>
            </model>
            <model id="ClaimonCaseSummary" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Claim__c">
                <fields>
                    <field id="bm_Who_arranges_worker_s_return_name__c"/>
                    <field id="bm_Who_arranges_worker_s_return_phone__c"/>
                    <field id="bm_Who_arranges_worker_s_return_ext__c"/>
                    <field id="bm_Who_arranges_worker_s_return_Email__c"/>
                    <field id="bm_Who_arranges_worker_s_return_Fax__c"/>
                </fields>
                <conditions>
                    <condition type="param" value="id" field="Case_ID__c" fieldtargetobjects="Case" operator="=" enclosevalueinquotes="true" novaluebehavior=""/>
                </conditions>
                <actions/>
            </model>
            <model id="EmployeeOnCaseSummary" limit="20" query="true" createrowifnonefound="false" datasource="salesforce" type="" sobject="Contact">
                <fields>
                    <field id="FirstName"/>
                    <field id="LastName"/>
                    <field id="Email"/>
                    <field id="Phone"/>
                    <field id="Name"/>
                </fields>
                <conditions>
                    <condition type="modelmerge" value="" field="Id" operator="=" model="CaseOnCaseSummary" enclosevalueinquotes="true" mergefield="ContactId" novaluebehavior="deactivate" fieldtargetobjects="Contact"/>
                </conditions>
                <actions/>
            </model>
            <model id="WCBContactOnCaseSummary" limit="1" query="true" createrowifnonefound="true" datasource="salesforce" type="" sobject="Contact">
                <fields>
                    <field id="Fax"/>
                    <field id="FirstName"/>
                    <field id="LastName"/>
                    <field id="Email"/>
                    <field id="Phone"/>
                    <field id="AccountId"/>
                    <field id="Account.Name"/>
                </fields>
                <conditions>
                    <condition type="modelmerge" value="" field="Id" operator="=" model="CaseOnCaseSummary" enclosevalueinquotes="true" mergefield="Account.WCB_Case_Manager__c" novaluebehavior="deactivate" fieldtargetobjects="Contact"/>
                </conditions>
                <actions/>
            </model>
        </models>
        <components>
            <buttonset model="CaseOnCaseSummary" uniqueid="sk-3w0YuL-821">
                <buttons>
                    <button type="multi" label="Save Changes" uniqueid="sk-3w0ZJy-830">
                        <actions>
                            <action type="action-sequence" action-sequence-id="e94b343e-d422-46e2-ba27-11793599a2b1">
                                <models>
                                    <model>CaseOnCaseSummary</model>
                                </models>
                            </action>
                            <action type="save">
                                <models>
                                    <model>CaseOnCaseSummary</model>
                                    <model>ContactsOnCaseSummary</model>
                                    <model>EmployeeSupervisorCaseSummary</model>
                                    <model>AccountOnCaseSummary</model>
                                    <model>ClaimonCaseSummary</model>
                                    <model>EmployeeOnCaseSummary</model>
                                    <model>WCBContactOnCaseSummary</model>
                                </models>
                            </action>
                        </actions>
                    </button>
                </buttons>
            </buttonset>
            <panelset type="standard" uniqueid="sk-3sjYQq-775" scroll="">
                <panels>
                    <panel>
                        <components>
                            <grid uniqueid="sk-3vvd6E-1673">
                                <divisions>
                                    <division behavior="flex" minwidth="100px" ratio="1">
                                        <components>
                                            <basicfieldeditor showheader="true" showsavecancel="false" showerrorsinline="true" model="CaseOnCaseSummary" buttonposition="" uniqueid="sk-3vuJL_-976" mode="edit">
                                                <columns>
                                                    <column width="100%">
                                                        <sections>
                                                            <section title="Incident Information" collapsible="no">
                                                                <fields>
                                                                    <field uniqueid="sk-3vqf4G-468" id="Claim_Type__c" showhelp="false" valuehalign="" type=""/>
                                                                    <field uniqueid="sk-3vsdTO-647" id="bm_Date_Time_of_Incident__c" showhelp="false" valuehalign="" type="">
                                                                        <label>Date &amp; Time Incident Happened</label>
                                                                    </field>
                                                                    <field uniqueid="sk-3vsilm-676" id="Date_Incident_Reported__c" showhelp="false" valuehalign="" type="">
                                                                        <label>Date &amp; Time Incident Reported</label>
                                                                    </field>
                                                                    <field uniqueid="sk-3vtVHa-710" id="CreatedDate" valuehalign="" type="">
                                                                        <label>Date &amp; Time Received by PRL in System</label>
                                                                    </field>
                                                                    <field uniqueid="sk-3vu7tK-859" id="Date_Case_is_Filed_with_WCB__c" showhelp="false" valuehalign="" type="">
                                                                        <label>Date &amp; Time case is Filed with WCB</label>
                                                                    </field>
                                                                    <field uniqueid="sk-3vuTyF-1127" id="WCB_Claim_Number__c"/>
                                        &nbs
  • Stephen SellsStephen Sells Member
    edited March 2018
    Doesn't look like that fully pasted. Could you email it to [email protected]
  • Chandra VChandra V Member
    edited February 2019
    Maybe try on your field editor Display properties, set the columns to be responsive instead of Fixed width?
  • Stephen SellsStephen Sells Member
    edited March 2018
    Ankur, Did Chandra's suggestion work?
  • Ankur JainAnkur Jain Member
    edited March 2018
    Apologies for a delayed response. As I was working on other SKUID Stuff.

    The solution given by Chandra  didnt worked. The issue is because of the compulsory field.

    Regards,
Sign In or Register to comment.