2017-08-12 114 views
0

私はSharePoint 2013サイトで作業しています。私はページのマークアップを制御できません。今私はレイアウトを変更したい場合、私はカスタムCSSやカスタムJavaScript/jQueryを書くことができます。私のSharePointページ内に複数のDivを同じ行に表示

今、私は次のように、新しい行に表示されている次のフィールドを、持っている: -

enter image description here

今私はフィールド(などドキュメントタイプ、部門、セキュリティは、)になりたいです同じ行に表示され、新しい行には表示されません。用

body, .ms-core-defaultFont, .js-callout-body { 
    color: #444; 
} 
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body { 
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; 
    font-size: 13px; 
} 

と次のスタイル - :本部ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_FilterFormContainerため

element.style { 
    overflow-x: hidden; 
    overflow-y: auto; 
    width: 205px; 
} 
.ms-KFMenu { 
    margin: 0; 
} 
body, .ms-core-defaultFont, .js-callout-body { 
    color: #444; 
} 
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body { 
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; 
    font-size: 13px; 
} 

と次のスタイル - :今私はidKeyFiltersContainer本部のために次のスタイルを検査することができますFirefoxのF12を使用して

以下のクラスを有するDivs:

.ms-KFLabelAndBodyContainer, .ms-KFHead { 
    overflow: hidden; 
    padding-left: 5px; 
    padding-right: 20px; 
} 
body, .ms-core-defaultFont, .js-callout-body { 
    color: #444; 
} 
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body { 
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; 
    font-size: 13px; 
} 

だから誰でもこれを忠告できますか? おかげ

EDITここ は事業部内の要素である: -

enter image description here

EDIT-2: -

ここには含まれていた親事業部のための完全なHTMLです関連分野: -

 <div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_FilterFormContainer"> 

     <div class="ms-KFHeadV3 ms-KFHead"> 
      <h3 id="idKeyFiltersTitle" class="ms-textLarge">Key Filters</h3> 
      <div id="idKeyFiltersHeader" class="ms-noWrap"> 
       <button id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_KeyFiltersApplyAllButton" class="ms-KFButton" onclick="javascript:_mdnSubmitKeyFilters(false); return false;">Apply</button> 
       <button id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_KeyFiltersClearAllButton" class="ms-KFButton" onclick="javascript:_mdnSubmitKeyFilters(true); return false;">Clear</button> 
      </div> 
     </div> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Document Type</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyGeneralFilter"> 
     <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl01$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Document Type" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true">​</div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl01_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span> 
    </div> 
</div> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Departments</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyGeneralFilter"> 
     <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl02$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Departments" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true">​</div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl02_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span> 
    </div> 
</div> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Customer</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyGeneralFilter"> 
     <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl03$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Customer" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true">​</div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl03_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span> 
    </div> 
</div> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Security</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyGeneralFilter"> 
     <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl04$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Security" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true">​</div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl04_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span> 
    </div> 
</div> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Topic</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyGeneralFilter"> 
     <span dir="none"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl00"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl05$ctl00$FilterValueControl$ctl00$ctl01" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl01" type="hidden"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02" class="ms-taxonomy ms-taxonomy-height ms-long"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02controlHolder" class="ms-taxonomy-control-holder ms-long"><img src="/_layouts/15/images/EMMCopyTerm.png" title="Browse for a valid choice" alt="Browse for a valid choice" tabindex="0" class="ms-taxonomy-browser-button"><div class="ms-taxonomy-fieldeditor ms-taxonomy-fieldeditor-standard" title="Topic" style="width: 158px;"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02editableRegion" role="textbox" aria-autocomplete="both" aria-haspopup="true" aria-multiline="true" class="ms-rtestate-write ms-taxonomy-writeableregion ms-inputBox" disableribboncommands="True" allowmultilines="false" restrictpastetotext="True" contenteditable="true">​</div></div></div><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl05_ctl00_FilterValueControl_ctl00_ctl02suggestionsContainer" class="ms-taxonomy-suggestion-container ms-rtefocus-invalid ms-taxonomy-hidden" unselectable="on"><div class="ms-taxonomy-suggestion-holder" unselectable="on"></div><img src="/_layouts/15/images/CornerGrip.gif" unselectable="on" class="ms-taxonomy-panel-resizer"></div></div></span></span> 
    </div> 
</div> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       Modified 

    </h3> 
    <div class="ms-KFBody ms-KFBodyRangeCapableFilter"> 
     <select name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl06$ctl00$FilterValueOperatorControl" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueOperatorControl" class="ms-KFOperationDropdown"> 
     <option value="Eq">On</option> 
     <option value="Leq">On or Before</option> 
     <option value="Geq">On or After</option> 

    </select> 
     <span dir="none"> 
<table cellspacing="0" cellpadding="0" border="0"><tbody><tr> 
    <td class="ms-dtinput"> 
    <label for="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" style="display:none">Modified Date</label> 
    <input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl06$ctl00$FilterValueControl$ctl00$ctl00$DateTimeField$DateTimeFieldDate" maxlength="45" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" title="Modified" class="ms-input" autopostback="0" type="text"></td> 
    <td class="ms-dtinput"> 
    <a href="#" onclick="clickDatePicker(&quot;ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate&quot;, &quot;\u002fkb\u002fCustomerServiceKB\u002f_layouts\u002f15\u002fiframe.aspx?&amp;cal=1&amp;lcid=2057&amp;langid=1033&amp;tz=00:59:59.9998609&amp;ww=0111110&amp;fdow=1&amp;fwoy=0&amp;hj=0&amp;swn=False&amp;minjday=109207&amp;maxjday=2666269&amp;date=&quot;, &quot;&quot;, event);return false;"><img id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerImage" src="/_layouts/15/images/calendar_25.gif" alt="Select a date from the calendar." border="0"></a></td> 
    <td> 
    <iframe id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl06_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerFrame" src="/_layouts/15/images/blank.gif" scrolling="no" style="DISPLAY:none;POSITION:absolute; width:200px; Z-INDEX:101;" title="Select a date from the calendar." frameborder="0"></iframe></td> 
    </tr></tbody></table> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Modified By</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyUserFilter"> 
     <span dir="none"> 
<input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$HiddenUserFieldValue" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_HiddenUserFieldValue" type="hidden"> 
<span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField" class="ms-usereditor" editoroldvalue="" removetext="Remove" value="" nomatchestext="<No Matching Names>" allowempty="1" moreitemstext="More Names..." prefercontenteditablediv="true" showdatavalidationerrorborder="false" allowtypein="true" invalidate="false" eeaftercallbackclientscript="" showentitydisplaytextintextbox="0" aria-live="polite" aria-relevant="all"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$hiddenSpanData" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_hiddenSpanData" value="&amp;#160;" type="hidden"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$OriginalEntities" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_OriginalEntities" value="<Entities />" type="hidden"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$HiddenEntityKey" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_HiddenEntityKey" type="hidden"><input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$HiddenEntityDisplayText" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_HiddenEntityDisplayText" type="hidden"><table id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_OuterTable" class="ms-usereditor" style="border-collapse:collapse;" cellspacing="0" cellpadding="0"> 
     <tbody><tr valign="bottom"> 
      <td style="width:88%;" valign="top"><table style="width:100%;table-layout:fixed;" cellspacing="0" cellpadding="0"> 
       <tbody><tr> 
        <td id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_containerCell"><div id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_upLevelDiv" tabindex="0" onfocus="StoreOldValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); saveOldEntities('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); Sys.UI.DomElement.addCssClass(this, 'ms-inputBoxActive');" aria-multiline="true" onblur="if(typeof(ExternalCustomControlCallback)=='function'){ if(ShouldCallCustomCallBack('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event)){if(!ValidatePickerControl('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField')){ShowValidationError();return false;}else {ExternalCustomControlCallback('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');}}} Sys.UI.DomElement.removeCssClass(this, 'ms-inputBoxActive');" class="ms-inputuserfield ms-inputBox" onclick="onClickRw(true, true,event,'ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" onchange="updateControlValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" onpaste="dopaste('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event);" prefercontenteditablediv="true" autopostback="0" rows="1" ondragstart="canEvt(event);" onkeyup="return onKeyUpRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" oncopy="docopy('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event);" title="People Picker" onkeydown="return onKeyDownRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField', 3, true, event);" spellcheck="false" aria-haspopup="true" style="word-wrap: break-word;overflow-x: hidden;" name="upLevelDiv" role="textbox" contenteditable="true">&nbsp;</div><textarea name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField$downlevelTextBox" rows="1" cols="20" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_downlevelTextBox" class="ms-inputuserfield ms-inputBox" onfocus="StoreOldValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); saveOldEntities('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); Sys.UI.DomElement.addCssClass(this, 'ms-inputBoxActive');" onkeyup="return onKeyUpRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" title="People Picker" onchange="updateControlValue('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');" onblur="if(typeof(ExternalCustomControlCallback)=='function'){ if(ShouldCallCustomCallBack('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField',event)){if(!ValidatePickerControl('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField')){ShowValidationError();return false;}else {ExternalCustomControlCallback('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField');}}} Sys.UI.DomElement.removeCssClass(this, 'ms-inputBoxActive');" onkeydown="return onKeyDownRw('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField', 3, true, event);" autopostback="0" renderascontenteditablediv="true" style="width:100%;display: none;position: absolute; "></textarea></td> 
       </tr> 
      </tbody></table></td><td style="padding-left:5px;float:right;" valign="top" nowrap="true" align="center"><a id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_checkNames" title="Check Names" onclick=" if(!ValidatePickerControl('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField')){ ShowValidationError(); return false;} var arg=getUplevel('ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField'); var ctx='ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField';EntityEditorSetWaitCursor(ctx);WebForm_DoCallback('ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl07$ctl00$FilterValueControl$ctl00$UserField',arg,EntityEditorHandleCheckNameResult,ctx,EntityEditorHandleCheckNameError,true);return false;" href="javascript:"><img title="Check Names" src="/_layouts/15/images/checknames.png" alt="Check Names"></a>&nbsp;<a id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_browse" title="Browse" onclick="__Dialog__ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField(); return false;" href="javascript:"><img title="Browse" src="/_layouts/15/images/addressbook.gif" alt="Browse"></a></td> 
     </tr><tr> 
      <td colspan="3"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl07_ctl00_FilterValueControl_ctl00_UserField_errorLabel" class="ms-error"></span></td> 
     </tr> 
    </tbody></table></span> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       Created 

    </h3> 
    <div class="ms-KFBody ms-KFBodyRangeCapableFilter"> 
     <select name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl08$ctl00$FilterValueOperatorControl" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueOperatorControl" class="ms-KFOperationDropdown"> 
     <option value="Eq">On</option> 
     <option value="Leq">On or Before</option> 
     <option value="Geq">On or After</option> 

    </select> 
     <span dir="none"> 
<table cellspacing="0" cellpadding="0" border="0"><tbody><tr> 
    <td class="ms-dtinput"> 
    <label for="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" style="display:none">Created Date</label> 
    <input name="ctl00$PlaceHolderLeftNavBar$ctl02$ListViewKeyFilters$ctl00$SimpleItemForm$ctl00$ctl08$ctl00$FilterValueControl$ctl00$ctl00$DateTimeField$DateTimeFieldDate" maxlength="45" id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate" title="Created" class="ms-input" autopostback="0" type="text"></td> 
    <td class="ms-dtinput"> 
    <a href="#" onclick="clickDatePicker(&quot;ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDate&quot;, &quot;\u002fkb\u002fCustomerServiceKB\u002f_layouts\u002f15\u002fiframe.aspx?&amp;cal=1&amp;lcid=2057&amp;langid=1033&amp;tz=00:59:59.9998609&amp;ww=0111110&amp;fdow=1&amp;fwoy=0&amp;hj=0&amp;swn=False&amp;minjday=109207&amp;maxjday=2666269&amp;date=&quot;, &quot;&quot;, event);return false;"><img id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerImage" src="/_layouts/15/images/calendar_25.gif" alt="Select a date from the calendar." border="0"></a></td> 
    <td> 
    <iframe id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl08_ctl00_FilterValueControl_ctl00_ctl00_DateTimeField_DateTimeFieldDateDatePickerFrame" src="/_layouts/15/images/blank.gif" scrolling="no" style="DISPLAY:none;POSITION:absolute; width:200px; Z-INDEX:101;" title="Select a date from the calendar." frameborder="0"></iframe></td> 
    </tr></tbody></table> 

<div class="ms-KFLabelAndBodyContainer"> 
    <h3 class="ms-standardheader ms-KFLabel"> 

       <span>Created By</span> 

    </h3> 
    <div class="ms-KFBody ms-KFBodyUserFilter"> 
     <span dir="none"> 
//code removed to minimize charecter count 
     <tbody><tr valign="bottom"> 
      <td style="width:88%;" valign="top"><table style="width:100%;table-layout:fixed;" cellspacing="0" cellpadding="0"> 
       <tbody><tr> 
        //code removed to minimize the charecters 
       </tr> 
      </tbody></table></td> 
     </tr><tr> 
      <td colspan="3"><span id="ctl00_PlaceHolderLeftNavBar_ctl02_ListViewKeyFilters_ctl00_SimpleItemForm_ctl00_ctl09_ctl00_FilterValueControl_ctl00_UserField_errorLabel" class="ms-error"></span></td> 
     </tr> 
    </tbody></table></span> 

</div> 
+1

ラベルと入力を別々の行に配置するスタイル(つまり、変更したいものです)は、divやinputそのものの要素に付けられる可能性があります。それらのスタイルを知ることは助けになるかもしれませんが、SOの質問に含めることはたくさんあるかもしれません。 – arbuthnott

+0

@arbuthnott私の編集を確認してください、私はDivの内部にあるものを提供してくれますか? –

+0

は、複雑な既存のシステムを扱っているようです。私は@amitwadwaniが以下の良い答えをくれたと思っています。彼のコメントには、動作していなければ、既存のCSSがあなたの変更を無効にしているからです。ときどき '!important'を追加すると、新しいスタイルが適用され、オーバーライドされないことが確認されますが、これは一般的に最後の手段とみなされます。 – arbuthnott

答えて

1

Jqueryを使用している場合は、ドキュメント内で次の関数を呼び出します。準備

$(".KFLabelAndBodyContainer").css("float:left","width":"x%"); 

幅は100 /構文上(あなたが行にするコンテナの数)

クラスにフロートプロパティを適用「KFLabelAndBodyContainer」

それとも、直接CSSのセレクタの下に書くことができますする必要があります

.KFLabelAndBodyContainer{ 
float:left; 
width:x%; 
} 

正しい幅をコンテナに適用することを忘れないでください。

+0

あなたのreply.nowに感謝しましたあなたが言及したCSSを試しましたが、 –

+1

これは、このプロパティをオーバーライドするいくつかの他のプロパティを意味します。ここではプロパティのシーケンスも重要です。完全なCSSファイルを添付してください。可能であればHTMLも添付してください。 –

+0

返信いただきありがとうございます。私は私の元の質問を編集し、私はそれらを再配置したいフィールドを含む親Divの完全なHTMLを提供しました..ありがとう –

関連する問題