how to set expand and collapse icon in same place

Question

1.00/5 (1 vote)

See more:

, +

SQL

http://i.stack.imgur.com/iADOU.png

 Description:
                above image will give some details. in my table i want expand and collapse in same place.if we use MVC we edit the code in INDEX code page. where we write code in index page how i set both icon +.- in samer place

Posted 9-Jul-14 21:50pm

JOTHI KUMAR Member 10918227

Add a Solution

Comments

ashok rathod 10-Jul-14 6:49am

you can set image's visibility property to hidden and on click change them to + or -

JOTHI KUMAR Member 10918227 10-Jul-14 7:09am

how to set let me explain plzzz

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

SomeGuyThatIsMe · Answer 1 · 2014-07-10T02:40:00

Cant you just change the image buttons ImageURL property or the src attribute of the image to be the new icon in the on click event?

something like:
fyi i'm an asp.net guy not mvc so the example may not be correct for what you're doing

protected button_click(object sender, EventArgs e)
{
if(img.ImageUrl.IndexOf("plus") > -1)//or have some other flag to determine which icon to show
img.ImageUrl = {path to minus icon}
else
img.ImageUrl = {path to plus icon}

//...do other button event stuff

}

again it may not work in mvc, i havent started playing with it yet but you should get the idea.

arvind mepani · Answer 2 · 2014-07-10T02:52:00

Solution 2

refer this link for manage collapsible content using javascript functionhttp://stackoverflow.com/questions/17268006/expand-and-collapse-using-javascript-with-and?rq=1[^]

Posted 10-Jul-14 2:52am

arvind mepani