I have 2 panels in my page with their height is fixed (ex : Panel1.Height = 200px, Panel2.Height = 300px)
I am using CollapsiblePanelExtender to collapse/expand the first Panel by clicking on an ImageButton.
If Panel1 is hidden, change the height of Panel2 = 300 + 200. And if Panel1 is shown, change the height of Panel2 = 300.
How I can do that ?
I would just simply like to change the size of an image or panel when hovering over it. What is the simplest way to accomplish tha?
View 1 RepliesI need change htmleditor height in javascript function in pageload.
View 2 RepliesI have a panel and a background image. to stretch this image in the panel if the height is adjusting. I have tried to google this but have trouble find a solution for this.The image has the size: (647 X 158).
The only thing that will change is the height of the panel. Now it does repeat by default. no - repeat will probably only make the image its orignal size wich is not stretching it out over the whole panel.Otherwise I am thinking of change the size of the image itself in C#. [Code]....
I am using CollapsiblePanelExtender and there are few controls within the panel which need to be shown on expanding the panel. Controls are in three different div within the panel.
Problem:
On expanding panel, IE page scroll bar position doesn't go down upto third div and i can see the controls upto second div. I have to scroll down the page to see all the controls.
Is there any way if i can see all the div controls on expanding panel instead of manually scrolling down the page?
I have made a user control using CollapsiblePanelExtender control. I am getting a small issue, that the panel that expands is not relative to the control. It always open on left side of the page. My control is in different location in different pages. How can I make sure that the expand and collapse is with respect to the control? I see "left: -36px" in the style attribute of "SettingsContentPanel". How can it be relative and doesn't break the code.
[Code]....
I now that I can just define the width and height of a page with the div tag to allow for dragpanels to work, but it messes things up with some browsers when rendering, sometimes shrinking the actual content to allow for the complete page and width to be shown such as on the IPAD. I have tried the Javascript below, but it doesn't work, and whenever I try to resize a page manually, it puts my computer into never never land.
Anyone have a clean Javascript that will change the width and height dynamically as I am moving a dragpanel.
I can move the dragpanel, but it snaps back as soon as I let go so in essense it doesn't work.
[Code]....
I have implemented a CollapsiblePanelExtender with a button that collapses/expands a panel. I also have a javascript function that can collapse the expanded panel when a certain condition exists somewhere else on the page.
The problem I am having is when I programatically collapse the panel, the extender is not aware, so the Collapsed property remains false and the CollapsedImage and CollapsedText are not updated. The next time I click the button, the extender is updated to a collapsed state, but nothing happens on the page because the panel was already collapsed. It is just resynchronizing the Collapsed, CollapsedImage, and CollapsedText properties to match the panel's already collapsed state.
Is there a way I can update the Collapsed, CollapsedImage, and CollapsedText properties in javascript to match the actual state of the panel?
i have an update panel, which contains a repeater inside. The repeater's data source will change on postback. The repeater will generate a div for each item.
I need to set the height of the div that is generated by the update panel to the actual total height of the div inside the repeater.
I have a CollapsiblePanelExtender (ext1) with a second CollapsiblePanelExtender (ext2) within it. Is it possible that when ext1 is extnended that it checks the value of a dropdownlist within ext1 and depending on the value of the ddl then extend ext2?
View 1 RepliesI have a gridview inside a tabcontainer.I'm programitically binding to the gridview. All works fine, data is displayed. And after databinding I'm dynamically setting the tabcontainer height to that of the gridview so that the gridview doesn't overlap the tabcontainer and look all funky.This all works fine doing this...tabcontainer1.height = gridview1.heightUntil there is no data returned, in which case I get a really small tab container.Bascially if there is no data, I want the tabcontainer1.height = 500, and if there is data to set it to the height of the gridview.I tried this (plus other variations) but can't seem to get it to work.
[Code]....
I have a Imagebutton in gridview that displays an image when i click.I am using jaxToolkit:ModalPopupExtender control for display the image.The problem I have is that I only want it to display an image based on another fields like width and Height.After clicking the Image button the image should display exact width and height as in ImageWidth and ImageHeight fields in table.My table structure is
Imageid bigint, ImageWidth bigint,ImageHeight bigint,Image varchar(128)
I have an AJAX Modal Popup panel that contains a RadioButtonList, 2 labels and 2 DropDowns. I want to update the Labels and DropDowns when a radio button is selected. My attempt at this posts back which causes the ajax popup to disappear.
aspx called on image click:
<asp:Panel ID="pnlModalContainer" runat="server">
<asp:RadioButtonList ID="rblTest" runat="server" RepeatDirection="Horizontal" OnSelectedIndexChanged="rblTest_SelectedIndexChanged">
[code]...
I set p { height: 25px ; min-height 25px;} to get the same line height in a form. I works in fine in most browsers. But when I invisible html tags inside p, the p will keep the blank space (25px) is there an alternative css for min-height, to make it work in IE and other browsers? since p always contains html inputs (label, textbox).
View 1 RepliesI am developing a web application with ASP.NET 3.5 with C# and Telerik Ajax Control. I have a iFrame in my master page. Application load other pages in iFrame dynamically and iFrame height adjust the dynamically when page load. I uses RadScriptManager , RadAjaxPannel, RadAjaxLoadingPannel in my page. The problem is when ajax "call back" the page, iFrame height not adjust dynamically.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MastetPage.master.cs" Inherits="MastetPage" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head" runat="server">
<title></title>
[Code]....
I have a ModalPopupExtender with a Drop shadow. I am changing its height with Javascript (i.e. no callback to server). The drop shadow does not change height. Any work arounds? The code is something along these lines:
[Code]....
I am having a asp.net page where I am using Ajax Tab control. When i am running the page, the text of all tab is not able to view. I want to change the height of Header text.
View 1 Repliesi create a two asp panel first for take new message and second for show message
how to set two panel height same using jquery
[Code]....
I have a table with 3 rows and 1 column each. In each is an asp:panel control, which I believe is essentially rendered as a div. This div has max-height: 500, width: 100%; and overflow:scroll properties on it.Problem is that whenever I try to load the page in IE8, it reverts to compatibility review as it cannot render it. If I remove max-height it works fine.
View 1 RepliesI have a text box to lookup codes. When you type search criteria in text box, it populates listbox and when you select item in listbox it populates the same text box with the value from listbox.
basically i am using same text box to search and finally populate it with the value. How can use update panel in this case so it doesn't refresh the entire page everytime list box is populated as well as when text box is finally updated.
I am calling a procedure in response to textbox_Changed event to poulate listbox.
I am creating an accordion, and I want to dynamically set the height of each panel in the accordion. It seems though that each panel has to have the same height, as when I have changed the height of one of the panels, the other panels change to the same height.I have been setting the height of the table object in the div to do this.Is it possible to give each accordion panel a separate height, and if so how?
View 2 RepliesI have two Main Tabs and in a TabContainer.I have 5 Second Level Tab Panels under Main Tabs.Two MainTabs work as mode: find and work:The default is Find Mode with First Tab visible.the user selects some field and the result is displayed in the same Panel in a GridView.When the user views the result it is displayed in the second TabPanel of the Second Level Tab which is then set to visible while other 3 tabs are still invisible.I want to go back to the Find mode and have it in the orignal state.Same thing with the Main Tabs:
When I am in work mode: the other 3 tabs are visible and the previous two Tabs are invisible.When I want to go back to Find Mode. I want to retain the what the user had selected in the 2nd level Tabs before moving to the Work panel.
I am trying to refresh updatepanel using dropdownlist but facing problems.
<asp:DropDownList ID="ddlClass" EnableViewState="true" AutoPostBack="false" class="input-large span10" runat="server" onchange="loadAllDefaults();" Style="width: auto;">
</asp:DropDownList>
Above is the code of dropdownlist
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="ddlClass" />
</Triggers>
<ContentTemplate>
<asp:Repeater ID="rep1" runat="server">
[Code] ....
This is updatepanel code. as shown in the code, i am referring to ddlClass in triggers which already calls a javascript function loadAllDefaults();
The problem is, since ddlClass is calling javascript function 'onchange' property, i cannot call any other function of backend code and I want to refresh the updatepanel on the basis of selected value of dropdownlist.
How can i do this? I have created a function in c# code in backend but I am not able to call both functions together!
I believe it has to do with the pixels that cant be converted in this way?
I am checking if the the labels height is bigger than the panels height.
If that is the case, I am trying to set the panels height == labels height.
[Code]....
I checked my html page generated by asp.net and I can see this line
Sys.Application.initialize();
Sys.Application.add_init(function() {
$create(AjaxControlToolkit.CollapsiblePanelBehavior,
{
"ClientStateFieldID":"rptActiveQuotes_ctl01_qcQuote_cpeDetails_ClientState",.......
I think it's generated from CollapsiblePanelExtender with name cpeDetails. And I see you can pass number of events to it, wich is now null (third argument). What should I do to set add_ended event there?