https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/972/headerpanesen-USTelligent Community 12https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/972/headerpanesTue, 17 Sep 2024 14:25:36 GMT5c521d64-519d-47a6-9065-134618b211bf:1bce89a0-12ac-4e58-b390-85d517b2e005Rafael Fernandeshttps://sugarclub.sugarai.com/dev-club/w/dev-tutorials/972/headerpanes#commentsCurrent Revision posted to Dev Tutorials by Rafael Fernandes on 9/17/2024 2:25:36 PM<br /> <p><span class="SCXW139501001 BCX0"><span class="WACImageContainer NoPadding DragDrop BlobObject SCXW139501001 BCX0"><img style="max-height:34px;max-width:548px;" height="34" src="/resized-image/__size/1096x68/__key/communityserver-wikis-components-files/00-00-00-00-14/pastedimage1726583045621v1.png" width="548" alt=" " /><span class="WACImageBorder SCXW139501001 BCX0"></span></span></span><span class="TextRun EmptyTextRun SCXW139501001 BCX0" lang="EN-US" data-contrast="auto"></span></p> <ul> <li>The height of &ldquo;.headerpane&rdquo; class elements has been increased from <strong>50px</strong> to <strong>56px</strong></li> <li>The top of &ldquo;<code>.headerpane</code>&rdquo; class elements has been increased from <strong>40px</strong> to <strong>56px</strong> to account for the updated top header height</li> <li>Headerpanes now make use of <strong>flexbox</strong> to simplify vertical alignment of fields within them - specifically, this applies to elements inside a &ldquo;<code>.headerpane .h1</code>&rdquo; class structure. <ul> <li>This includes headerpanes on Record View, List View, Dashboards, and more</li> </ul> </li> <li>&ldquo;How does this affect my customizations?&rdquo; <ul> <li>Because headerpanes now make use of flexbox to vertically center the elements in them, you may need to adjust or remove the vertical margins/paddings/positionings of any custom elements you may have added under &ldquo;<code>.headerpane .h1</code>&rdquo; elements in order to correct their alignments</li> <li>Headerpanes in Sugar often use fixed positioning. As mentioned in the Content Pane section, you may want to test any custom headerpanes you&rsquo;ve added to make sure their widths and positionings are being calculated correctly</li> </ul> </li> </ul><div style="clear:both;"></div> https://sugarclub.sugarai.com/dev-club/w/dev-tutorials/972/headerpanes/revision/1Mon, 16 Sep 2024 18:00:50 GMT5c521d64-519d-47a6-9065-134618b211bf:1bce89a0-12ac-4e58-b390-85d517b2e005Rafael Fernandeshttps://sugarclub.sugarai.com/dev-club/w/dev-tutorials/972/headerpanes#commentsRevision 1 posted to Dev Tutorials by Rafael Fernandes on 9/16/2024 6:00:50 PM<br /> <p>Headerpanes</p><div style="clear:both;"></div>