Intersoft Community - WebGrid Enterprise - WebGrid Theme Issue

WebGrid Theme Issue

Glayaar — Wed, 11 Nov 2009 21:29:59 GMT

Here is the script snippet for your issue:

issue #1:

function grdObj_OnAfterInitialize(controlId)
{
	var grdObj = ISGetObject(controlId);

	var headerRows = grdObj.RootTable.GetElement(WG40.COLHEADER, WG40.HTMLROW).getElementsByTagName("tr");

	for (var i = 0; i < headerRows.length; i++) {
	    if (headerRows[i].type == "RowSeparator" || headerRows[i].type == "FilterRow") {
	        var colElem = headerRows[i].getElementsByTagName("td");
	        for (var j = 0; j < colElem.length; j++)
	            colElem[j].style.borderTopColor = "#DBDBDB";
	    }
	}
	
	return true;
}

issue #2:

function grdObj_OnAfterInitialize(controlId)
{
	var grdObj = ISGetObject(controlId);

	var headerRows = grdObj.RootTable.GetElement(WG40.COLHEADER, WG40.HTMLROW).getElementsByTagName("tr");

	for (var i = 0; i < headerRows.length; i++) {
	    if (headerRows[i].type == "ColHeader") {
	        var colElem = headerRows[i].getElementsByTagName("td");
	        colElem[2].style.borderRightColor = "";
	        colElem[2].style.borderRightWidth = "";
	    }
	}
	
	return true;
}

Since you are using skin you will need to set the event handling in the skin file.

<LayoutSettings>
    <ClientSideEvents OnAfterInitialize="grdObj_OnAfterInitialize"/>
...
</LayoutSettings>

WebGrid Theme Issue

shahjahan — Tue, 10 Nov 2009 05:46:14 GMT

Hi,

I had a chat with Jimmy about Issue #1 and the separator TR element which appears between the Header Row and Filter row is causing this problem. According to him, javascrpt code can be used to set the style to the separator TR element. Can you please provide me with the necessary scripts please?

Br,

Shahjahan Ansari

WebGrid Theme Issue

shahjahan — Tue, 10 Nov 2009 05:04:22 GMT

Hi,

Issue #1.

Its a plain and simple question, How do I apply the style to the Header of the WebGrid, through the skin?

The HeaderRow which shows the Coloumns on the top, I want to set the bottom border and no top border, can you provide me the style tags which I should be using in the skin file please?

Issue #2.

Please provide me with the code which I should be using in the Initialize Event funtion.

BR,

Shahjahan Ansari

WebGrid Theme Issue

Glayaar — Tue, 10 Nov 2009 04:00:53 GMT

Issue#1:

The HeaderStyle will be applied to each TR element in the header section, in your project sample, the Header section has 3 TR element and each TR is applied the correct style.

Issue#2:

The WebGrid header freeze pane border style currently could not be modified using the skin. If you would like to modify the style you will need to change the element style manually during WebGrid Initialize event.

WebGrid Theme Issue

shahjahan — Mon, 09 Nov 2009 09:27:47 GMT

Hi,

Please check the attached project and the screenshots. I'm using the theme to change the they way the WebGrid appears.

1) The problem i'm facing In the header row If i set the border top it shows the border to the bottom as as well. No matter what you do It always shows the border to the top as well as bottom in the header row.
The following code from the Skin file is not considered:

2) The freeze pane settings when applied shows a weird border on the last forzen columns check the jpg. How do I style them differently??

Prompt reply will be appreciated!!

Br,

Shahjahan Ansari