Skip to main content
BOOK A DEMO

Search

Customising Sublist Columns - How do I alter the width of the various subcolumn fields

ArdeviaForum
  • Discussion Created

Original Post by Sandy (Imported from Ardevia Forum)

Hi,

 

Please see the snippet of code below which is the Sublist that I have inserted into my form. The first field is a description and is quite small width-wise whereas the second field is an amount that is extremely wide. How can I adjust the width of each of these fields?

 

Cheers
Sandy

0

Comments

2 comments

Date Votes
  • ArdeviaForum

    Original Post by Sandy (Imported from Ardevia Forum)

    Oops.....here is the snippet

     

    <div contenteditable="false" class="ard-common-wrapper ms-rteKeepStyles ard-group" ard-fieldlabelposition="Default" ard-fieldlabelvisibility="true" ardhascontainer="true"> 
 <div class="ms-rte-embedcode ms-rteKeepStyles ard-group-body ms-formtable ard-horizontal-div ui-sortable" style="width: 733px; top: auto; left: auto; height: 140px;"> 
 <div contenteditable="false" class="ard-common-wrapper ms-rteKeepStyles ard-group" ard-fieldlabelposition="Default" ard-fieldlabelvisibility="true" ardhascontainer="true" style="position: relative;"> 
 <div class="ms-rte-embedcode ms-rteKeepStyles ard-group-body ms-formtable ard-is-empty ui-sortable" style="width: 53px; top: auto; left: auto; height: 145px;"> 
 </div>&#160;</div> 
 <div contenteditable="false" class="ard-common-wrapper ms-rteKeepStyles ard-group" ard-fieldlabelposition="Default" ard-fieldlabelvisibility="true" ardhascontainer="true"> 
 <div class="ms-rte-embedcode ms-rteKeepStyles ard-group-body ms-formtable ui-sortable" style="height: 140px; top: auto; left: auto; width: 573px;"> 
 <div contenteditable="false" class="ard-common-wrapper ms-rteKeepStyles ard-sublist-webpart" ard-webpart-id="94dc100c-ac62-40c4-abc3-5622bef1c2f2" ard-sublist-lookup-field="PCVID" ard-sublist-lookup-listid="{ac427bcd-be61-4ff7-8510-78926c6a43d4}" ard-sublist-lookup-webid="{e6ee18c4-3e9c-4441-9e00-4b0d65cdfb66}" ard-sublist-title="Details" ardhascontainer="true">
 <style class="ard-sublist-width"> #MSOZoneCell_WebPartWPQ4 table.ms-listviewtable{width: 100%;} div.ard-sublist-webpart[ard-webpart-id="94dc100c-ac62-40c4-abc3-5622bef1c2f2"]>.ard-webpart-body{width:100%;} </style>
 <style class="ard-sublist-elements-hide"> #Hero-WPQ4,#MSOZoneCell_WebPartWPQ4 .ms-list-itemLink.ms-tableCell.ms-alignRight{ display: none } #MSOZoneCell_WebPartWPQ4 .ms-listviewtable.ms-listviewgrid tr:first-child>th:last-child>*{visibility: hidden;} </style>
 <style> #MSOZoneCell_WebPartWPQ4 { display: none } </style>
 <div class="ms-rte-embedcode ms-rteKeepStyles ms-core-defaultFont ard-webpart-body ui-resizable" style="width: 668px; top: auto; left: auto;">
 </div>
 </div>
 </div>&#160;</div> 
 </div>&#160;</div>
    0
  • ArdeviaForum

    Original Post by Taras Lozynskyy (Imported from Ardevia Forum)

    Hi.

    1. Go to Format Text
    2. Click  Edit Source
    3. Add reference to the a css style with appropriate width of columns
    0

Please sign in to leave a comment.