set height of all tab of webdektop from client side

sjain — Fri, 12 Aug 2016 10:07:20 GMT

Hi,

Can we set the consistent height of webtab at client side.

Issue: when I put webgrid inside webgrid height in percentage does not work?

Can you send me sample to have at least three tab and in all tab webgrid is present inside, and height is in percentage ?

It is getting mismatched with hight issue of webgrid with webtab height.

Please reply ASAP

Regards

Sachin Jain

Window Caption Bar Height

hsevand@tepum.com.tr — Fri, 23 Oct 2015 07:48:56 GMT

Hi,

How can I change the height of caption bar?

I am using rendering mode html5 and following skin settings:

<WindowSettings ContentMode="UseIFrame" ControlBox="No" enablefastwindowactivation="True" iframeallowtransparency="False" ignoreiframepadding="True" BorderType="ComplexImages" CommandButtonBorderType="ComplexImages"> <WindowStyle> <Active CssClass="dskWndAct" />
 <Normal CssClass="dskWndNrml" />
 </WindowStyle>
 <CaptionStyle>
 <Active CssClass="dskCptAct" />
 <Normal CssClass="dskCptNrml" />
 </CaptionStyle>
 <CaptionButtonStyle>
 <Active CssClass="dskCptButAct" />
 <Over CssClass="dskCptButOvr" />
 <Normal CssClass="dskCptButNrml" />
 </CaptionButtonStyle>
 <CommandButtonStyle>
 <Normal CssClass="dskCmdButNrml" />
 <Over CssClass="dskCmdButOvr" />
 <Active CssClass="dskCmdButAct" />
 </CommandButtonStyle>
 <CommandButtonDisabledStyle CssClass="dskCmdButDis" />
 <ContainerStyle CssClass="dskContainer" />
 </WindowSettings>

<ImagesSettings CaptionRightInactive="o7/right_inactive.gif" CaptionLeftInactive="o7/left_inactive.gif" CloseOver="o7/close_over.gif" ButtonCenterOver="o7/button_center_over.gif" ButtonLeftActive="o7/button_left_active.gif" ButtonRightActive="o7/button_right_active.gif" MaximizeActive="o7/max_active.gif" RestoreOver="o7/restore_over.gif" CaptionRightActive="o7/right_active.gif" CloseActive="o7/close_active.gif" ButtonLeftOver="o7/button_left_over.gif" RestoreActive="o7/restore_active.gif" MaximizeInactive="o7/max_inactive.gif" ButtonRightInactive="o7/button_right_normal.gif" RestoreInactive="o7/restore_inactive.gif" ButtonLeftInactive="o7/button_left_normal.gif" ButtonCenterInactive="o7/button_center_normal.gif" MaximizeOver="o7/max_over.gif" MinimizeInactive="o7/min_inactive.gif" CloseInactive="o7/close_inactive.gif" ButtonCenterActive="o7/button_center_active.gif" CaptionCenterInactive="o7/center_inactive.gif" MaximizeDown="o7/max_down.gif" RestoreDown="o7/restore_down.gif" MinimizeDown="o7/min_down.gif" CaptionCenterActive="o7/center_active.gif" ButtonRightOver="o7/button_right_over.gif" CaptionLeftActive="o7/left_active.gif" MinimizeOver="o7/min_over.gif" CloseDown="o7/close_down.gif" MinimizeActive="o7/min_active.gif" />

and my css is as follows:

.dskWndAct
{
 border-style: solid;
 border-color: Black;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 height: 100%;
 background-color: White;
}

.dskWndNrml
{
 border-style: solid;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-color: Black;
 font-size: 9pt;
 font-family: Segoe UI,Tahoma;
 background-color: White;
 overflow: auto;
 border-width: 1px;
 height: 100%;
}

.dskCptAct
{
 color: #15428B;
 font-family: Segoe UI,Tahoma;
 font-weight: bold;
 font-size: 9pt;
 padding-top: 3px;
}
.dskCptNrml
{
 color: Gray;
 font-size: 10pt;
 font-family: Segoe UI,Tahoma;
 cursor: default;
 padding-top: 3px;
 padding-left: 2px;
 padding-bottom: 2px;
 padding-right: 2px;
}
.dskCptButAct
{
 border-top-color: Gray;
 border-left-color: Gray;
}
.dskCptButOvr
{
 border-bottom-color: Gray;
 border-right-color: Gray;
}
.dskCptButNrml
{
 overflow: hidden;
 position: relative;
}

With these settings my caption buttons (minimize, maximize and close buttons) seems weird as you see in the attached image. If I change the style as follows and change the height of the div that contains centre_active.gif as a background from ie developer tools than it seems good.

.dskWndAct
{
 border-style: solid;
 border-color: Black;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 height: 100%;
 background-color: White;
 top: 4px !important;
}

.dskWndNrml
{
 border-style: solid;
 border-top-width: 0px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-color: Black;
 font-size: 9pt;
 font-family: Segoe UI,Tahoma;
 background-color: White;
 overflow: auto;
 border-width: 1px;
 height: 100%;
 top: 4px !important;
}

.dskCptAct
{
 color: #15428B;
 font-family: Segoe UI,Tahoma;
 font-weight: bold;
 font-size: 9pt;
 padding-top: 3px;
 height: 28px !important;
}
.dskCptNrml
{
 color: Gray;
 font-size: 10pt;
 font-family: Segoe UI,Tahoma;
 cursor: default;
 padding-top: 3px;
 padding-left: 2px;
 padding-bottom: 2px;
 padding-right: 2px;
 height: 28px !important;
}
.dskCptButAct
{
 border-top-color: Gray;
 border-left-color: Gray;
}
.dskCptButOvr
{
 border-bottom-color: Gray;
 border-right-color: Gray;
}
.dskCptButNrml
{
 overflow: hidden;
 position: relative;
 top: 4px;
}

--------------------

<div nowrap="" style='left: 7px; top: 0px; height: 29px;right: 7px; bottom: 0px; position: absolute; background-image: url("/Rhapsody.Web.UI.Presenter/ISRes.axd?D/o7.center_active.gif"); background-repeat: repeat-x;'>

How can I change the height of caption bar to solve my problem? Or can you suggest any other solution then changing height to solve weird view of caption bar buttons.

Grid Height Not Covering the Page

devashish — Sun, 02 Mar 2014 01:57:32 GMT

Hi,

I am facing problem with grid height not covering the page i.e. I am not able to get the footer at the bottom of the page.

If I give the Parent div height as 100% the grid takes the height of the parent and neglect the header then it exceeds the page where footer becomes hidden.

If I don’t give any height to parent the footer sticks with last row in the table.

AutoHeight attribute of the WebGrid does not seems to work.

I am using doctype HTML5 in IE 10 and IE 11.

Regards,

Dev

With Parent DIV having height equal to 100%

<ISWebGrid:WebGrid ID="AvailableGrid" runat="server" RenderingMode="HTML5"

DefaultStyleMode="Elegant" Height="100%" UseDefaultStyle="True" Width="100%"

DataSourceID="AccessDataSource1">

Without Parent DIV having height equal to 100%

<div id="test"> <ISWebGrid:WebGrid ID="AvailableGrid" runat="server" RenderingMode="HTML5"

DefaultStyleMode="Elegant" Height="100%" UseDefaultStyle="True" Width="100%"

DataSourceID="AccessDataSource1">

WG6 Chart height problem

desarrollo@pranasys.com — Mon, 31 Aug 2009 11:20:34 GMT

I'm getting a problem with the pivot chart in the last version, the image keeps at a minimum heigh, i'm attaching a video capture as an example.

I´m using the last version released, WebGrid build 215, Framework build 702.

I´m using this doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

With the doctype (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >), the chart work, but my site broke in different places. So, i cannot change it.

I understand that you are about to release a new hotfix in the early days of september, do you think the issue will be fixed in the next release?

Intersoft Community - Height

set height of all tab of webdektop from client side

Window Caption Bar Height

Grid Height Not Covering the Page

WG6 Chart height problem