Web Forms :: Implement Sliding Panel
Dec 3, 2012i wish to show a slide panel on webpage.
View 1 Repliesi wish to show a slide panel on webpage.
View 1 RepliesHow can I implement a sliding pager in asp.net mvc helper? Take Google pager for example.I've managed to create a pager like this: <previous> current: 9 of 50 pages <next> but I need something like:current: 9 of 50 pages <previous> 4 5 6 7 8 9 10 11 12 13 14 <next>
View 4 RepliesI want to display in my web page couple of show times and the list of movies under it.The display would be like this -
Show Time 6.30 PM
Movie 1
Movie 2
Movie 3
Show Time 9.30 PM
Movie 1
Movie 2
Movie 3
I want to display it in such a way that when I Click on "Show Time 6.30 PM" it would display the movies under that show and wont display anything under "Show Time 9.30 PM". Now when I click on "Show Time 9.30 PM", all the contents inside "Show Time 6.30 PM" should shrink and the list of movies should be available in "Show Time 9.30 PM".I need some idea on how to do this, will it be achieved using a sliding panel, or is there any other control.Note - For the show times and movie details I have a collection which I am binding it to a repaeter control.
What I am looking is for a SINGLE sliding panel which floats around every row in the table, So if Row 1 is clicked the panel displays the show times under it, when Row 2 is clicked, the data inside row 1 Is shrinked and the panel floats to down displaying the movies under Row 2.
I have a little problem with my sliding panels, I have a Page with 2 sliding panels (right and left). These panels have a 'slide button' and you can reduce panels by clicking on it. I use cookies to record state of panel, so when you change page panels stay collapsed or extended. But it doesn't work very well, in fact the state is recorded for the page. If I change page, panel will extend (default position) but if I go back on the page it will disapear. Is it possible to ignore the path in the cookie and use a cookie for all website?
Jquery code :
$('#rightfold').click(function () {
if ($('.menudroite').is(':visible')) {
$('.menudroite').hide("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'collapsed');
$('.triggerdroite').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#rightfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menudroite').show("slide", { direction: "right" }, 400);
$.cookie('rightfold', 'extended');
$('.triggerdroite').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#rightfold').animate({ color: "#d9f4ff" }, 1000);
}
});
$('#leftfold').click(function () {
if ($('.menugauche').is(':visible')) {
$('.menugauche').hide("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'collapsed');
$('.triggergauche').animate({ backgroundColor: "#B2C9D1" }, 1000);
$('#leftfold').animate({ color: "#000000" }, 1000);
}
else {
$('.menugauche').show("slide", { direction: "left" }, 400);
$.cookie('leftfold', 'extended');
$('.triggergauche').animate({ backgroundColor: "#6c7a7f" }, 1000);
$('#leftfold').animate({ color: "#d9f4ff" }, 1000);
}
});
// COOKIES
var leftfold = $.cookie('leftfold');
var rightfold = $.cookie('rightfold');
// Set the user's selection for the left column
if (leftfold == 'collapsed') {
$('.menugauche').css("display", "none");
};
// Set the user's selection for the right column
if (rightfold == 'collapsed') {
$('.menudroite').css("display", "none");
};
I'm trying to implement a custom panel control that would act as a naming container. So far here is so what I've done.
First this is my custom control, MyPanel...
[ToolboxData("<{0}:MyPanel runat=server></{0}:MyPanel>")]
public class MyPanel: Panel, INamingContainer
{
}
And I try using it like so:
<cc1:MyPanel ID="A" runat="server">
<asp:HyperLink ID="TestHyperLink" runat="server" />
</cc1:MyPanel>
<cc1:MyPanel ID="B" runat="server">
<asp:HyperLink ID="TestHyperLink" runat="server" />
</cc1:MyPanel>
Obviously it doesn't work, that would have been too easy. ASP.net still complains about there being 2 DocumentHyperLink:
The ID 'DocumentHyperLink' is already used by another control.
1) How/where do I set the lifetime of the session cookie in my web application when using an STS to get claims? From what I can tell, it seems I can only do this programmatically in the erviceConfigurationCreated event.
2) How/where can I make sure that the expiration is sliding?
I am new to javascript and jquery. I have written some javascript code for some client validation.
document.getElementById(spnError).style.display = 'block';
This is how I am showing a span if there is some validation issues in the form. I want to use Jquery to show this span. I would like to slide it down slowly.
I have been exploring for a few days AJAX Toolkit and I am just wondering, if it is possible to move images in and out e.g. from right to left from asp.net image control. I would like to create a control that behaves in a similar way to the ones appearing on MS Store websites which you see there:
[URL]
I have tried to create it using AJAX SlideShowExtender but to be honest I am new to this technology and managed to make it only fade in and out. I was thinking also about using Collapsible Panel Extender but obviously I am not sure where to start.
I use my web app on the wall as a dashboard type scenario. One thing that would look great would be to automatically move between pages on my site (and maybe others) after a certain time. For example, you setup page x for 2 mins, then page y for 2 mins then page z for 4 mins. Now, I can do this easily inside my existing website. However, I would like to be able to switch to other sites with login where required. So basically a website of its own that just diverts according to a script. Has anyone seen anything like this on the market or have concepts similar?
Note, my webspages are ajax-ified so any timers would not be allowed to interupt updated.
I think the question says it all, but I'd like to know for sure.
View 1 RepliesHow to use form Sliding in masterpage?
View 1 RepliesI am creating a nested accordion in the code behind which is populated from my data table. The requirenment is
1. Main Accordin - create department Panes
2. sub accordin - Each department pane has a accordin in the contnet are.
3. sub accordin panes - people from that department show up as panes in sub accordin.
I was able to impelment this model but the problem is that the sub accordin ( with people) would not slide. First one is opened by default and i see hand on the other header panes but they dont slide (up and down). They do have a content though. P.S - if i implement the same nested according in aspx it works fine. My code
[Code]....
Update - I found that I get "Microsoft JScript runtime error: Sys.ArgumentException: Value must not be null for Controls and Behaviors.Parameter name: element" javascript error when i try to create the nested accordin.
[Code]....
I know that when declaring a page method in ASP.NET, I can specify a CacheDuration like so:
[WebMethod(CacheDuration=60)]
public static void Foo()
{
But from what I understand, CacheDuration only supports absolute expiration. I want to have sliding expiration. So that leads me to believe that I need to access the System.Web.Caching.Cache object somehow. But, since page methods are static, and this is essentially a standalone web service, I'm not sure how to access it statically. The only ways I have seen on Google rely on getting it from the HttpContext. But, there is no HttpContext available to me here, right?Or, do I need to use the System.Runtime.Caching.MemoryCache to do my own caching?
we have a web based application that let users register, activate their account and then login to use the app...
it is very important that accounts must not be used simultaneously, so if user a is logged in using mynameisA/mypassword, no one else can login at the same time using the same credentials, until he logout.
this was achieved by using a cache mechanism that inserts an entry specific to that user and will keep on refreshing at each request, until the user logouts, where we remove that cache entry. on login, we check whether that cache entry is there in order to allow him in or throw a message saying that the user is already logged in... we use enterprise library 5.0 which we found more reliable than the asp.net cache, and for various other practical reasons.
now, this works fine, but the problem is that it seems like the authentication ticket and cookie doesnt slide properly at each request. so sometimes, users end up logged out because their authentication ticket got expired, and they cannot login again because the cache entry is still there.
here is the code in the sign-in page:
' if user credentials are valid, and other checks and validations...
[Code]....
here is the code that runs on every authenticated request (httpmodule):
[Code]....
and here is the web.config stuff:
[Code]....
we've done all kind of tests including metabase IIS6 monitoring. there is no apppool recycle happening...
checking the authentication cookie in firefox view cookies option shows that on each request, the expiration time of the authentication cookie is not sliding.
Looking to implement a solution on a web application but don't know if it is possible. If clicked the menu would take you to the full page with slide(Left to right / right to left). slide looks like iPhone Application.
View 2 RepliesI have a page with several panels. panel1 has a drop down list to select client. panel2 has two drop down lists to select facility1 and facility2. I want panel 2 to be disabled (both facility1 and facility2 drop downs disabled) until a selection has been made in panel1 drop down list. when a client is selected from dropdownlist1, I want to enable both dropdown list2 and 3 in panel2.
View 7 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]....
Using VB, VS2010, I have a large image in a panel and want to be able to pop-up panels while hovering over it. This one large image is a picture of a lot of components that I woulld like to treat individually when I hover them. I have done this before by placing a transparent button in another panel that is absoultely positioned over the larger one. I have the button transparent with a border that shows up using hover in css. Everything works fine expcept that the panel does not show itself in the right place when viewiing in the browser window. It shows fine in design view, but shifts over while browsing in the browser. I have tried making all panels absolutely positioned. Still a problem. Is there a better way to put a panel over a panel?
View 1 Repliesi have a problem in Sliding pager. the problem is that when i tried to get any other page instted of current page it give me error The resource cannot be found. my rutting method on globa.asa
routes.MapRoute(null,"",new { controller = "Products", action = "List", page = 1 });
routes.MapRoute(null,"Page{page}",new { controller = "Products", action = "List" },new { page = @"d+" });
and my htmlhelper is
public static string PageLinks(this HtmlHelper html, int currentPage,int totalPages, Func<int, string> pageUrl)
{
StringBuilder result = new StringBuilder();
for (int i = 1; i <= totalPages; i++)
{
TagBuilder tag = new TagBuilder("a"); // Construct an <a> tag
tag.MergeAttribute("href",pageUrl(i));
tag.InnerHtml = i.ToString();
if (i == currentPage)
tag.AddCssClass("selected");
result.AppendLine(tag.ToString());
}
return result.ToString();
}
I have a panel bar..each time I press panel bar item I display ascx control with in update panel..but it lakes update panel loading time lot..how I can decrease that loading time?
View 2 RepliesI 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 am having trouble wiht my AJAX collapsible Panel Extender. I have the CPE opening a panel that contains the Table of Contents of a document being displayed on the page. A user clicks on the link for a certain part of the document, the event triggers a C# function that gets the file that particular section is contained in an displays the section. Right now you have to, of course, click on the TitlePanel to open and to close the CPE. What I want to do is have it close automatically whenever a link inside the content panel has been clicked. I have tried placing this.cpeTOC.Collapsed=true; in the functiion that gets the files but it does not work. I have also tried the autocollapse property of the CPE and it just collapses whenever someone moves thier mouse from the titlepanel.
View 1 RepliesI am using Ajax Control ToolKit's Accordian Control with 5 Accordian Panel. Contents of Accordian Panel are UserControl. Currently I have added all in the design mode, But it making my page slow because it loads all the content at a time. So, I want this to be dynamic. When User Click on Header of Accordian Panel, It loads the user control dynamically and also asynchronously.
I tried to put the user control under UpdatePanel which I placed under Accordian Content Panel but this is not working. Also I want to display loading images if getting slow response from server. how can I achieve it. It will be better if you provide an example.
I'm new to the world of Update Panels and i'm having a hard time figuring out how to use them properly.
I have a form that has a table(TABLE1)...and inside TABLE1 i am linking to a sql data source....at the bottom of the table i have a 'Add' button.
When the user clicks the add button...a modal popup appears (POPUP1) and inside the POPUP1 the user can click a link that can add a user...when the link button is clicked...a panel within POPUP1 is set to visible = true.
I have one update panel around the whole table and the add button...when i click add and then click the link to add a user....the modal popup disappears.
i have a panel out of update panel.i have to make it hidden while navigating through different tabs,i tried these codes
Panel1.Attributes["style"] = "display: 'none';";
Panel1.Attributes.Add("style", "DISPLAY:none;");