.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Win Surprise Gifts!!!

Top 5 Contributors of the Month
david stephan
Gaurav Pal
Post New Web Links

jQuery toggle buttons won't toggle to ui-state-active?!?!? help

Posted By:      Posted Date: October 07, 2010    Points: 0   Category :ASP.Net

I am borrowing code from http://www.filamentgroup.com/examples/buttonFrameworkCSS/#

and i've basically literally just copied their code from top to bottom.  The ONLY exception is , I am using the following script libraries and a different version of Jquery, 1.4.2.  I can't seem to get the toggle buttons to toggle to ui-state-active so that they will go to a different color.  All the buttons are stuck on the ability to go to two states only.  default color and hover color (a lighter blue). 

anyways, here's the code.  I am using IE6 and firefox.  Both are not working.  Yet when I browse filament's group code , it works perfectly for their page.  so what am I doing wrong here?  here's what I got on my page:

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">

<link type="text/css" href="css/custom-theme/jquery-ui-1.8.5.custom.css" rel="Stylesheet" />	
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="ui/jquery.ui.core.js"></script&g

View Complete Post

More Related Resource Links

how to know the state of Toggle Item in SSRS 2005 - Drill down

i would like to hide the % of toggle item when image is + then it sum up the % which is incorrect.Hence i would like to hide the % column when toggle image is + otherwise show the % column value.i tried something - IIF(TextBox.ToggleState,false,true) or iif(toggle state = 'Collapsed', Parameter A, Parameter B)) in visibility column with expression but it does not seems to work in SSRS 2005.pls let me know the solution

How do you save state of a toggle button after partial postback?


lets say you  have the toggle buttons from this page: http://www.filamentgroup.com/examples/buttonFrameworkCSS/

and you put it in a UpdatePanel AJAX...  so lets say on a partialpostback.. when you re-create teh controls on server-side, the state of whether or not those buttons were pushed is long-lost and gone.. so how then how do you remember those states?

Can I save each button state into viewstate or session state?  regenerate each button then call the javascript function to change its color-state depending on the session state variable?


Help me design this data structure system of multi-toggle buttons?


Lets say you  have three buttons, button1, button2, and button3.  Three buttons, have 2^3+1 = 9 possible binary states.


Each state will pull and retrieve data from a database based on the combination toggle states of the button.  However, not all data exists for every combination.  For example:

000 - exists


010 - not exist

011 - not exist

100 - exists

101 - exists

110 -not exist

111 - exists

So now the problem is, how do I design the system so that when a user clicks a toggle button, the remaining possible buttons are either disabled or enabled?  I've thought about using a three-dimensional array but the problem is, when I have to add 30 toggle buttons, this looping becomes tediouis as each time a toggle button is clicked, the software  has to iterate through every possible combination again to check whether the truth table for that combination exist.

lets say from the above example, the user toggle button 1, which is 001.  His next possible choices are 101 and 111.  He can NOT choose 011 but the problem is 111 exists but to get to 111 he has to click button3 first, then button2, to get to state 111.  Because if he clicks button 2 first, his state becomes 011 and no data will be retrieved. 


Help. Double-postback problem in different problem. Toggle buttons.


I am using a toggle button and when a button is clicked, the CSSclass is changed by checkign whether it is a 1 or 0.  if it is a 1(on) , it will be set to 0, if it is a 0, it will be set to a 1.

Only 1 postback occurs on each click , and thats how a button is toggled on or off.  In Internet explorer, this is working great.  However, in FireFox and in Google Chrome, something odd is happening!  When I click teh buttons, it is causing a double-postback.  This double-postback cancels out the first postback which was to turn on the button.

Anyone know why my code is causing a double postback?


JQuery Toggle Button


I was looking for Toggle Button in JQuery. I have to make something like this A B C D E F G H .............. All alphabetic letters to be in button. Can somebody help for the same. 

Toggle item

Hi, I have a toggle on the column group which toggles the detail row.  It works fine we I first preview the rpt and go back and forth with the + and - signs.  But when I choose another paremeter the + sign is still there and the detail rows are showing.  It should not show the detail rows.  Did I forget to do something here?LISA86

DataGrid Row Details Toggle of sub datagrid

I have a DataGrid that has uses a RowDetailsTemplateSelector.  The selector returns a DataTemplate that contains a DataGrid if the number of team members is greater than 0, other wise the selector returns null.  The DataGrid in the DataTemplate uses the same selector to achieve a grouping of nested datagrids.  Following the answer from Linda Liu to the question "RowDetails Visibility Toggle" I am able to control on the main DataGrid when the row details are shown and when they are hidden.  Since the sub datagrids are just duplicates of the main DataGrid I would like to have the same functionality.  The problem I am running into is trying to get a DataGrid from a DataGridRow instance since I don't know how many sub datagrids there are going to be. Any advice on how to do this is much appreciated.

Listview Toggle Visibility of a Textbox based on Data Not Null.

I want to toggle a Textbox to be visible (true, false) contained within an InsertItemTemplate based on the data being Null/Empty.   It Works in the Item Template since it is calling the "select parameters", but once it is in the "insert parameters" on databinds, I am unable to get this to work.  <%# String.IsNullOrEmpty(Convert.ToString(Eval("qu_8")))?Convert.ToBoolean("false"):Convert.ToBoolean("true") %> (works in Item Templates, but not in InsertItemTemplate to toggle a textbox to be visible or not visible). I am using C# in code behind. Thanks in advance -Mark

Toggle effect in jCorousal

Hi,   I have created simple jCarousal  which displays images  from image gallary in sharepoint site and the info about every  image.   For every image there is the link. On click of this the respective div becomes visible to show  more information about the image.But the div gets overlapped by its parent div , When 'More Info ' link gets clicked. Thats why all the information in the div can not be seen. Can some 1suggest about  overflow and float properties of DIV and how it will be applicable  to following code , and how to use jquery toggle effect

MVVM - Refreshing buttons enable/disable state


Hi everyone... something is working wrong on my MVVM App.

I have a view with the following buttons

    <Button Command="{Binding ShowPlayersCommand}">Show Users</Button>
    <Button Command="{Binding ExitCommand}">Close</Button>

The idea is to show a new window when

toggle column from row text box


I have a tablix with a row group.  I enabled toggle visibility for a child row group.  So far so good.

My problem is, the child row group would ideally display 4 more columns when expanded.  I tried configuring column visibility based on the same toggle trigger but I get an error saying they it cannot be at the same scope.

Do any of you have a sample or blog post that would describe how to do this?  So when I click on expand row, not only I see the child rows but also columns get expanded (there will be more columns).  Now, when the row gets collapsed, those child rows will disappear as well as the extra columns.


Javier Guillen

a toggle issue caused by cache


Hi all,

I've encountered a weird issue when i deploy one report on my report server. There is a tablix in my report, and it has two groups,

one is group1,the other is detail, i set the detail was toggled by the group1's head row. If i select the "Do not cache temporary copies of

this report" option  in execution tab in report manager, then it is ok ,the group1's head  row could toggle detail row correctly, but after i

select the "Cache a temporary copy of the report. Expire copy of report after a number of minutes:10" option, there a problem occured,

when i click the toggle icon at first time ,the detail row wouldn't show, but after that, the toggle works correctly, in other words, only the

first time the toggle can not work. In order to prove that, i reset the the cache option to do not cache the report, and the toggle works

fine no matter first time or after that.

Can anybody help me, any reply would be appreciated


How to find unselected radio buttons using JQuery?


I would like to find which radiobutton group (not individual radiobutton) has not been checked, tried a lot of different ways, no success so far. What I want to do is find validate radiobutton groups and highlight them.

$('input:radio:not(checked')).each(function() {


Issue with People Search Box - Search Options Toggle teaser not loading correctly



I am experiencing an issue with the People Search Box Web Part.

When I click search options on the "People Search" web part that I have added to my Staff Portal front page it doesn't seem to render correctly. The toggle teaser tries to expand out the options but I can see the content that exists below it.

After this clicking on one of the list web parts I have and selecting the next page pf the list causes the page to fully re-render and I can see the "Search option" toggle teaser properly.

I'm wondering if this is behaviour that anyone else has seen when configuring their People Search?

I know I can turn the Search options off but this seems like a bit of a cheat and I'd rather have the functionality working properly - especially if this is a symptom of something more radically incorrect with how I have configured my front page.

Thanks in Advance


ModalPopupExtender Active State?



I have a page with a panel controlled by an Ajax ModalPopupExtender. The page also has an Asp:Timer with an OnTick event.

The OnTick event will refresh the page. What I want to do is put an IF THEN statements that will check IF the ModalPopup is active. If it is the timer will just reset. If the popup is not active the page will refresh.

Unfortunately I have not been able to find a way of detecting if the popup is active or not. Any suggestions.

I even tried adding an On click event on the imagebutton I use to activate the popup. On triggering I set a Flag to True. I had similar events on the OK and Cancel buttons in the popup panel. These events set the flag to False. I then changed the OnTick event to check the value of the flag.

Unfortunately the imagebutton continues to launch the popup but does not trigger the onClick and so the flag never gets set to True.

Any help appreciated...

Jquery UI buttons style return back to windows default button



i have placed my 

    <link type="text/css" href="css/smoothness/jquery-ui-1.8.5.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>

<link type="text/css" href="css/smoothness/jquery-ui-1.8.5.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>

under my template.master - master page.

so i make a new page based on my master page.&nb

Any way to change the icon to toggle the parameter panel in SSRS 2008 R2?


Is there any way I can change the icon that the HTML viewer in SSRS 2008 R2 uses to toggle the parameter panel?

I have users telling me it is too small and they want it bigger.  When I look at the page with the IE developer toolbar, the icon looks like it is being pulled from a resource inside ReportViewerWebControl.axd,

ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend