Reduce Cells Grid lines space - Essential Objects, Inc. Support Forum

Welcome Guest

Search | Active Topics | Sign In | Register

Essential Objects Product Support Forum » All Products » Support » Reduce Cells Grid lines space

Reduce Cells Grid lines space

Options

Previous Topic · Next Topic

Camarate

Posted: Monday, June 15, 2015 6:56:42 PM

Rank: Advanced Member
Groups: Member

Joined: 9/2/2010
Posts: 120

Hi,

I have a Grid that use many Item Styles, as below:

Quote:

<eo:Grid ID="grdData" runat="server" BorderWidth="1px"
ColumnHeaderAscImage="00050303" ColumnHeaderDescImage="00050304" ColumnHeaderDividerImage="images/headerseparator34.gif"
ColumnHeaderHeight="34" FixedColumnCount="1" Font-Bold="False" Font-Italic="False"
Font-Names="Verdana" Font-Overline="False" Font-Size="6.5pt" Font-Strikeout="False"
Font-Underline="False" GridLineColor="199, 209, 223" GridLines="Both"
Width="100%" BorderColor="#000040" ForeColor="White" ToolTip='Marque a caixa "Elimina?"e, depois, pressione "Efetiva Alterações" para eliminar referência à documento obrigatório' ItemHeight="40">
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;" />
<ColumnHeaderTextStyle CssText="" />
<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma" />
</eo:TextBoxColumn>
<eo:DateTimeColumn>
<DatePicker ControlSkinID="None" DayCellHeight="16" DayCellWidth="19" DayHeaderFormat="FirstLetter"
DisabledDates="" OtherMonthDayVisible="True" SelectedDates="" TitleLeftArrowImageUrl="DefaultSubMenuIconRTL"
TitleRightArrowImageUrl="DefaultSubMenuIcon">
<TodayStyle CssText="font-family: tahoma; font-size: 12px; border-right: #bb5503 1px solid; border-top: #bb5503 1px solid; border-left: #bb5503 1px solid; border-bottom: #bb5503 1px solid" />
<SelectedDayStyle CssText="font-family: tahoma; font-size: 12px; background-color: #fbe694; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DisabledDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<PickerStyle CssText="border-bottom-color:#7f9db9;border-bottom-style:solid;border-bottom-width:1px;border-left-color:#7f9db9;border-left-style:solid;border-left-width:1px;border-right-color:#7f9db9;border-right-style:solid;border-right-width:1px;border-top-color:#7f9db9;border-top-style:solid;border-top-width:1px;font-family:Courier New;font-size:8pt;margin-bottom:0px;margin-left:0px;margin-right:0px;margin-top:0px;padding-bottom:1px;padding-left:2px;padding-right:2px;padding-top:2px;" />
<CalendarStyle CssText="background-color: white; border-right: #7f9db9 1px solid; padding-right: 4px; border-top: #7f9db9 1px solid; padding-left: 4px; font-size: 9px; padding-bottom: 4px; border-left: #7f9db9 1px solid; padding-top: 4px; border-bottom: #7f9db9 1px solid; font-family: tahoma" />
<TitleArrowStyle CssText="cursor:hand" />
<DayHoverStyle CssText="font-family: tahoma; font-size: 12px; border-right: #fbe694 1px solid; border-top: #fbe694 1px solid; border-left: #fbe694 1px solid; border-bottom: #fbe694 1px solid" />
<MonthStyle CssText="font-family: tahoma; font-size: 12px; margin-left: 14px; cursor: hand; margin-right: 14px" />
<TitleStyle CssText="background-color:#9ebef5;font-family:Tahoma;font-size:12px;padding-bottom:2px;padding-left:6px;padding-right:6px;padding-top:2px;" />
<OtherMonthDayStyle CssText="font-family: tahoma; font-size: 12px; color: gray; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
<DayHeaderStyle CssText="font-family: tahoma; font-size: 12px; border-bottom: #aca899 1px solid" />
<DayStyle CssText="font-family: tahoma; font-size: 12px; border-right: white 1px solid; border-top: white 1px solid; border-left: white 1px solid; border-bottom: white 1px solid" />
</DatePicker>
</eo:DateTimeColumn>
<eo:MaskedEditColumn>
<MaskedEdit ControlSkinID="None" TextBoxStyle-CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; font-family:Courier New;font-size:8pt;">
</MaskedEdit>
</eo:MaskedEditColumn>
</ColumnTemplates>
<ColumnHeaderStyle CssText="background-color:steelblue;color:white;font-family:Verdana;font-size:7pt;font-weight:bold;padding-left:4px;padding-top:2px;vertical-align:middle;" />
<ItemStyles>
<eo:GridItemStyleSet>
<ItemStyle CssText="BACKGROUND-COLOR: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;" />
<CellStyle CssText="FONT-FAMILY: Verdana; COLOR: firebrick; PADDING-TOP: 1px; PADDING-LEFT: 8px" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="AGENCY">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;" />
<CellStyle CssText="color:#003399;font-family:Verdana;font-size:8pt;font-weight:bold;padding-left:4px;padding-top:1px;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="BLACK">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="color:black;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="BLACKBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="background-color:#f0f0f0;color:black;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="BLUE">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;" />
<CellStyle CssText="color:#003399;font-family:Verdana;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="BLUEBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;background-color:#c0c0ff;background-repeat:repeat-x;" />
<CellStyle CssText="background-color:#f0f0f0;color:#003399;font-family:Verdana;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="GREEN">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;" />
<CellStyle CssText="color:green;font-family:Verdana;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="GREENBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;background-repeat:repeat-x;" />
<CellStyle CssText="background-color:#f0f0f0;color:green;font-family:Verdana;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="MONTH">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="color:#003399;font-family:Verdana;font-size:8pt;font-weight:bold;padding-left:4px;padding-top:1px;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="PURPLE">
<ItemStyle CssText="BACKGROUND-COLOR: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="color:#9900cc;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="PURPLEBACK">
<ItemStyle CssText="BACKGROUND-COLOR: #f0f0f0" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="background-color:#f0f0f0;color:#9900cc;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="RED">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="color:red;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="REDBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="background-color:#f0f0f0;color:red;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="REDBOLD">
<ItemStyle CssText="background-color:white;" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="color:red;font-weight:bold;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="REDBOLDBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="background-color:#f0f0f0;color:red;font-weight:bold;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="WINEBOLD">
<ItemStyle CssText="background-color:white;" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="color:darkred;font-weight:bold;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="WINEBOLDBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;background-repeat:repeat-x;font-family:Verdana;" />
<CellStyle CssText="background-color:#f0f0f0;color:darkred;font-weight:bold;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="YELLOW">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="color:orange;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="YELLOWBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="background-color:#f0f0f0;color:orange;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="YELLOWBOLD">
<ItemStyle CssText="background-color: white" />
<ItemHoverStyle CssText="background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#c0c0ff;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="color:orange;font-weight:bold;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
<eo:GridItemStyleSet StyleSetID="YELLOWBOLDBACK">
<ItemStyle CssText="background-color:#f0f0f0;" />
<ItemHoverStyle CssText="background-color:#f0f0f0;background-repeat:repeat-x;color:#c0ffff;" />
<SelectedStyle CssText="background-color:#b1b1f0;font-family:Verdana;background-repeat:repeat-x;" />
<CellStyle CssText="background-color:#f0f0f0;color:orange;font-weight:bold;padding-left:4px;padding-top:1px;white-space:wrap;" />
</eo:GridItemStyleSet>
</ItemStyles>
<Columns>
<eo:StaticColumn DataType="String" HeaderText="KEYDETAIL" Name="KEYDETAIL" Visible="False"
Width="1">
</eo:StaticColumn>
<eo:StaticColumn DataField="MRDD_SQ_CONTROL_DETAIL" HeaderText="Sq.Ctrl." Name="MRDD_SQ_CONTROL_DETAIL"
Width="55">
</eo:StaticColumn>
<eo:StaticColumn DataField="DOCU_SQ_DOCUMENT" HeaderText="Sq.Doc." Name="DOCU_SQ_DOCUMENT"
Width="55">
</eo:StaticColumn>
<eo:StaticColumn DataField="MDDC_SQ_DOCUMENT_MANDATORY" HeaderText="Sq.Falt." Name="MDDC_SQ_DOCUMENT_MANDATORY"
Width="55">
</eo:StaticColumn>
<eo:StaticColumn DataType="String" HeaderText="Unidade / Área Funcional" Name="UNI_NM_UNIT_AREA"
Width="155">
</eo:StaticColumn>
<eo:StaticColumn DataType="String" HeaderText="Categoria / Tipo" Name="DOCU_NM_DOCUMENT_TYPE"
ReadOnly="True" Width="230">
</eo:StaticColumn>
<eo:StaticColumn DataType="String" HeaderText="Nome" Name="DOCU_NM_DOCUMENT" Width="200">
</eo:StaticColumn>
<eo:StaticColumn DataType="String" HeaderText="Status" Name="GLST_NM_STATUS" ReadOnly="True"
Width="75">
</eo:StaticColumn>
<eo:StaticColumn DataType="String" HeaderText="Nr. Doc." Name="DOCU_NU_DOCUMENT"
ReadOnly="True" Width="75">
</eo:StaticColumn>
<eo:StaticColumn DataFormat="{0:dd/MM/yyyy}" DataType="DateTime" HeaderText="Dt. Início"
Name="DOCU_DT_INITIAL_VALIDITY" ReadOnly="True" Width="75">
</eo:StaticColumn>
<eo:StaticColumn DataFormat="" DataType="String" HeaderText="Dt. Fim - Dt. Entrega"
Name="DOCU_DT_FINAL_VALIDITY" ReadOnly="True" Width="130">
</eo:StaticColumn>
<eo:StaticColumn DataFormat="" DataType="String" HeaderText="Evolução do Status"
Name="DOCU_DS_HISTORICAL_EVOLUTION" ReadOnly="True" Width="250">
</eo:StaticColumn>
<eo:StaticColumn DataFormat="" DataType="String" Name="MRNJ_ID_NONCONFORMITY_JUSTIFICATION"
ReadOnly="True" Width="12">
</eo:StaticColumn>
<eo:StaticColumn DataFormat="" DataType="String" HeaderText="Justificativa Não Conformidade"
Name="DOCU_DS_NONCONFORMITY_JUSTIFICATION" ReadOnly="True" Width="500">
</eo:StaticColumn>
<eo:StaticColumn DataType="Integer" HeaderText="GLST_SQ_STATUS" Name="GLST_SQ_STATUS"
Visible="False" Width="1">
</eo:StaticColumn>
<eo:StaticColumn DataType="Integer" HeaderText="UNI_SQ_UNIT" Name="UNI_SQ_UNIT" Visible="False"
Width="1">
</eo:StaticColumn>
<eo:StaticColumn DataType="Integer" HeaderText="DCTP_SQ_DOCUMENT_TYPE" Name="DCTP_SQ_DOCUMENT_TYPE"
Visible="False" Width="1">
</eo:StaticColumn>
</Columns>
</eo:Grid>

But, the Cells Grid are shown with a very large spaces between their lines, as shown by the red arrows below:

How can I reduce these spaces?

Thanks in advance,

Marcelo Camarate

eo_support

Posted: Tuesday, June 16, 2015 6:23:54 PM

Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,229

Hi,

This has to do with your CSS style out of the Grid. If you have the page online we can take a look for you and tell you exactly which style rule caused the extra space. Alternatively, you can also try to comment out all other CSS out and see if it changes anything. If that changes the space, then you can comment out your styles step by step to narrow down until you identify which style rule triggers the problem.

Thanks

You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

Message