Dynamically changing Frameset dimensions

There may be a need to dynamically change the dimensions of an HTML Frameset in the DigitalSignage system.

If we have a frameset defined:


<frameset id="mainFrame" border="0" rows="25%,70%,*">
<frame border="0" noresize="noresize" src="header.html" />
<frame src="" scrolling="no" frameborder="0" />
<frameset border="0" cols="25%,50%,*">
<frame src="footer1.html" scrolling="no" frameborder="0" />
<frame src="footer2.html" scrolling="no" frameborder="0" />
<frame src="weather.aspx" scrolling="no" frameborder="0" />
</frameset>
</frameset>
Below is an example of javascript that varies the dimensions of the rows:

parent.document.getElementById('mainFrame').rows='0%,95%,*';

With this code we're hiding the top row by setting the height to 0%.

TextBoxCounter control by skmControls

In programming a textarea for a web application, I had the need to display to the user the amount of characters to go before the maximum length of the textarea was reached. I found a .NET library on line called skmControls2.dll that provides a textBoxCounter control. Documentation can be found at:

http://scottonwriting.net/sowblog/codeprojects.htm

Below is an example of the use of the control with some of its properties:

TextBoxCounter tbc = new TextBoxCounter();
tbc.TextBoxControlId = commentBox.ID;
tbc.TreatCarriageReturnsAsOneCharacter = true;
tbc.MaxCharacterLength = 500;
tbc.DataFormatString = " Characters entered = {1}.";
tbc.CssClass = "CharacterNorm";
tbc.WarningPercentage = 95;
tbc.CssClassForWarning = "CharacterWarn";

SharePoint's _spBodyOnLoadFunctionNames function

The Body onLoad event for the SharePoint master page runs the _spBodyOnLoadFunctionNames function. If you need to run any other javascript at page load, push function name this function. As an example:

function setSearchBoxFocus() // set focus to search textbox
{
document.getElementById('ctl00_ctl00_SearchBox_S3A1EF0A8_InputKeywords').focus();
}

_spBodyOnLoadFunctionNames.push("setSearchBoxFocus");

Adding scripts or styles to SharePoint master pages

There are times you may need to add a script or a style to the <head> tag of a CGCC public or Inside webpage. In each SharePoint Master page (except CGCC-Parent.master) there is a content placeholder named 'PlaceHolderAdditionalPageHead' that looks like this.

<asp:ContentPlaceHolder id="PlaceHolderAdditionalPageHead" runat="server" >
</asp:ContentPlaceHolder>

In your aspx layout page, add the following asp:Content control:

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server" >
</asp:Content>

Place the script or style in between the opening and closing tag. After saving and publishing, go to the website and verify.