ChangeWidth - Develop Apps | Community Toolbar

Conduit API

Case Study

HTML Apps -> ChangeWidth

This function is used to set the width for the HTML component or gadget window.

ChangeWidth(newWidth)

Parameter	Description	Range	Type
newWidth	The new width (in pixels) of the HTML component or gadget	>= 0	int

- Return Value

None.

- Remarks

This function can be used both with the HTML component and with the gadget window.
*Notice: API methods must be invoked after the web page has triggered the "onload" event.

- Code Example

HTML | Gadget

This example contains two icons. Clicking on the first icon ChangeWidth

will cause the HTML component's width to increase by 10px. Clicking on the second icon ChangeWidth

will cause the HTML component's width to decrease by 10px.

 
<html>
	<head>
		<style type= "text/css">
		BODY { 
			margin-left:0;
			margin-right:0; 
			margin-top:0; 
			margin-bottom:0; 
			width:100%; 
			height:100%; 
			overflow:hidden;
			background-color:threedface; } 
		</style>  
			<!-- Conduit API script declaration --> 
		<script type="text/javascript" language="javascript" src="http://www.conduit.com/Api/BrowserCompApi.js"></script>
	</head>
	<body>
		<img alt="ChangeWidth - Increase" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/ChangeWidth1.gif" onclick="ChangeWidth(parseInt(GetCurrentWidth())+10)" />
		<img alt="ChangeWidth - Decrease" style="vertical-align:bottom" src="http://www.conduit.com/developers/api/Images/Toolbars/HTML/ChangeWidth2.gif" onclick="ChangeWidth(parseInt(GetCurrentWidth())-10)" />
	</body>
</html>

<html>
	<head>
		<style type= "text/css"> 
			BODY {     
				margin-left:0;     
				margin-right:0;
				margin-top:0;      
				margin-bottom:0;     
				width:100%;     
				height:100%;     
				overflow:hidden;     
				background-color:threedface; 
				} 
		</style> 
		<!-- Conduit API script declaration -->     
		<script type="text/javascript" language="javascript" src="http://api.conduit.com/BrowserCompApi.js">
		</script>     
	</head> 
	<body>  
		<input type="button" value="Increase" onclick="ChangeWidth(parseInt(GetCurrentWidth())+10)" /> <input type="button" value="Decrease" onclick="ChangeWidth(parseInt(GetCurrentWidth())-10)" /> 	
	</body> 
</html>

- Code Usage

See code usage for HTML component
See code usage for gadget