Help - Search - Members - Calendar
Full Version: Putting the Explorer Task Pane on the Right Side
Neowin Forums > Help & Discussion Center > A Collection of Essential Guides
LiquidGUI
Introduction
Do you want your Explorer to have the task pane on the right side like this:
user posted image
Well I will show you how to do it.
I first saw this in Nano VS and I liked it so I decided to do it myself. I have done this to the Aesthetic Groove visual style by Heylove (which by the way is my favorite VS, thanks very much heylove).

Tools Needed
Resource Hacker (Right Click Save As)

Step-By-Step
1) This all envoles a file called Shellstyle.dll, included in many themes, when you download a theme if you are using a hacked ux_theme.dll you drop it in the C:\WINDOWS\Resources\Themes directory. You then have the theme folder, we will use "agroove" an example like such:
user posted image

2) When in your VS' directory open the "Shell" directory. Inside ussally will be all the different style options for your theme, such as compact, full and various other choices like this:
user posted image

3) Within that directory you should have a library called Shellstyle.dll drag it into the program we downloaded before called Resource Hacker.
user posted image

4) When in Resource Hacker navigate to UFILE>1.
user posted image

5) After you have navigated to the right script look towards the bottom of the script and you should see some code that looks similar to this:
CODE
<hwndview resid=main id=atom(main) sheet=styleref(main) layout=borderlayout()>
<ScrollViewer id=atom(scroller) sheet=styleref(taskpane) layoutpos=Right xscrollable=false width=165rp>
<element id=atom(sectionlist) layout=verticalflowlayout(0,0,2)/>
</ScrollViewer>
<Element layoutpos=Client layout=filllayout()>
<Element id=atom(clientviewhost) layout=borderlayout()>
</Element>
<Element id=atom(blockade) layout=borderlayout()>
<Element id=atom(blockadeaccent) layoutpos=left width=1/>
<Element id=atom(blockadeclient) layoutpos=client layout=borderlayout()>
<Element id=atom(blockadetitle) layoutpos=top/>
<Element id=atom(blockademessage) layoutpos=top/>
<Element id=atom(blockadeclear) layoutpos=top layout=borderlayout()>
<Button id=atom(blockadeclearbutton) layoutpos=left layout=borderlayout()>
<Element id=atom(blockadecleartext) layoutpos=left/>
</Button>
</Element>
</Element>
</Element>
</Element>
</hwndview>
<expando resid=mainsection layout=borderlayout() width=186rp>
<element layoutpos=top layout=filllayout()>
<button id=atom(header) layoutpos=bottom layout=borderlayout()>
<element id=atom(title) layoutpos=client/>
<element id=atom(arrow) layoutpos=right/>
</button>
<element id=atom(icon) layoutpos=left/>
</element>
<clipper layoutpos=top>
<element id=atom(watermark) layoutpos=top layout=filllayout()>
<tasklist id=atom(tasklist) layout=verticalflowlayout(0,0,0)/>
</element>
</clipper>
</expando><expando resid=section layout=borderlayout() width=186rp>
<button id=atom(header) layoutpos=top layout=borderlayout()>
<element id=atom(title) layoutpos=client/>
<element id=atom(arrow) layoutpos=right/>
</button>
<clipper layoutpos=top>
<tasklist id=atom(tasklist) layout=verticalflowlayout(0,0,0)/>
</clipper>
</expando>

Replace the code you found with this this code above.
Then press compile script at the top and File>Save.
user posted image

Conclusion
Once you have done all this you can reload your theme, you can reboot explorer.exe or you can restart to make your changes affect. Enjoy, I have seen many people want to do this.
Tell me how it goes.
-LiquidGUI
russellc
Thanks alot smile.gif
LiquidGUI
russelic: No problem. My pleasure tongue.gif
SoapyHamHocks
I cant seem to get this to work with luna element.
LiquidGUI
Hilloki please try the new code I think I have found the problem. If that does not work please tell me.
jymi
neat tweak, certainly doing this when i format my laptop.

1 question though, is there a way of getting it on the top or bottom?
SoapyHamHocks
Works great , thanks alot.
LiquidGUI
jymi: I don't know, I suppose you could try, it would take a bit more modifying than left to right though.
Hilloki: Well thats good, I just edited the guide so that you replace the old code with the new code, that deffinitly helps too tongue.gif
russellc
tried this, very cool. for the visual style i'm using i just had to change the width a bit there tongue.gif
LiquidGUI
mind sharing your style and width/code for other people to help them out?
hardgiant
Great hack, I always turned off the sidebar cause it felt in the way, now it works great.

165 was to small for me cause it kept squishing the images so I changed it to 205.
LiquidGUI
Thanks hardgiant, I would like everybody to contribuate what their specific widths for their VS' are so some people dont have to go through the trouble shooting of finding the perfect width for their VS.
Help
QUOTE(jymi @ Feb 17 2005, 06:10)
neat tweak, certainly doing this when i format my laptop.

1 question though, is there a way of getting it on the top or bottom?
[right][snapback]585485980[/snapback][/right]


I think WindowsX has a VS that does that (emulates LH style), maybe you should ask him about it.
LiquidGUI
hmmmm.... help do you have any idea what VS it was? I am interested in that.
Help
QUOTE(LiquidGUI @ Feb 17 2005, 19:19)
hmmmm.... help do you have any idea what VS it was? I am interested in that.
[right][snapback]585488828[/snapback][/right]


Look at the screenshot there.. http://www.neowin.net/forum/index.php?showtopic=75768

You see the 'My Computer' window?
You can tell the task pane is on the top cause it says "View System information", "Add or remove programs".
russellc
i'm just using 221 and 200 for KoL's longhorn VS. there's two widths to set in there. one is 21 larger than the other so the larger is 221, smaller is 200
LiquidGUI
Thank you Russel, I am glad you shared yours.
As to Help, thanks for sharing that also, if you wish to share how he did it by asking WindowsX or figuring it out yourself please do so.
Thanks everybody for your good comments.
russellc
ninja.gif result of mine is this biggrin.gif

user posted image

EDIT: about the task pane being on top...lots of visual styles are doing that now (more the longhorn styles)..check out some of stefanka's stuff like longhorn inspiriat or royale inspiriat..those i'm sure have a top task pane tongue.gif ...definitely unsure how they do it though..i still like it on the right side better biggrin.gif
vanmidy
windows x has a shell style replacement to put it on top... thats what i use...but hopefully somebody will teach us how to put it on top like longhorns (beta ones)
Raum
Nice guide, and good band. wink.gif
hardgiant
Just wanted to mention that you don't need to reload the theme at all, just do this:

1. Turn off the task pane in options

2. Tweak the shellstyle.dll

3. Turn the task pane back on.

lcg
I can't find the correct code with Luna hmm.gif ?
russellc
you just add the 2nd set of code. you won't be able to find it originally. LiquidGUI just fixed something, so the 2nd set of code is the correct set to add
seanlich
Thats a neat little trick. I am going to have to try that out for sure.
OxideNOS
what if u can't find "similar code" to the code u posted???

i want to do it on fp3 skin.
AxelStone
Thats kinda refreshing... thanks for the info. You got bored huh. :P
Dashed
Nice guide, although I use Windows classic folders. smile.gif
insanekiwi
good guide thumbs_up.gif
Enigma-Penguin
hehe, I remember messing this when I was new here,

for those looking for the longhorn style bar, this should do it:
(mind you I havent checked I just went back to an old thread of mine)

CODE

<hwndview resid=main id=atom(main) sheet=styleref(main) layout=borderlayout()>
<ScrollViewer id=atom(scroller) sheet=styleref(taskpane) layoutpos=top yscrollable=true>
<element id=atom(backdrop) layoutpos=top layout=borderlayout() width=649rp>
<element id=atom(sectionlist) layoutpos=top layout=flowlayout(0,2,0,0)/>
</element>
</ScrollViewer>
<Element layoutpos=Client layout=filllayout()>
<Element id=atom(clientviewhost) layout=borderlayout()>
</Element>
<Element id=atom(blockade) layout=borderlayout()>
<Element id=atom(blockadeaccent) layoutpos=left width=1/>
<Element id=atom(blockadeclient) layoutpos=client layout=borderlayout()>
<Element id=atom(blockadetitle) layoutpos=top/>
<Element id=atom(blockademessage) layoutpos=top/>
<Element id=atom(blockadeclear) layoutpos=top layout=borderlayout()>
<Button id=atom(blockadeclearbutton) layoutpos=top layout=borderlayout()>
<Element id=atom(blockadecleartext) layoutpos=top/>
</Button>
</Element>
</Element>
</Element>
</Element>
</hwndview>


I think thats the last thing that was done with it, whack, windowsX and I worked on that in bits and pieces for a while.. that was the last code cleanup whack did of it all. hehe it started as something so simple too tongue.gif

http://www.neowin.net/forum/index.php?show...ndpost&p=967003
Tevage
Looks neat will try it sooner or later.
frogger
If you are looking for a VS that has it on the top, Matto's Foton port does.
Spawnbut
Speaking of modifying the task plane...

I was wondering if any one knew a way to add a "task" to the task plane.

Thanks.
Algnpelotudo
is there a way to do this with classic folders? (i use the classic theme, with task pane)
i've found another shellstyle.dll in /system32/ but there isn't any code like that =/
any ideas?
Reyzur
Thanks worked perfectly , now if anyone can show me how to edit the text colors that would be great smile.gif
lunamonkey
that's just weird.

althought Visual Studio has it by default on the right.

Why the inconsistancies?

Does the explorer directory tree move over also?????
Reyzur
Quote - (lunamonkey @ Sep 11 2006, 15:49) [snapback]587872412[/snapback]

that's just weird.

althought Visual Studio has it by default on the right.

Why the inconsistancies?

Does the explorer directory tree move over also?????


No the tree view stays on the left and there is a nice juggling affect where by the file and folder tasks dissapear as the tree view appears.

By the way I managed to change the title text on mouse over

Code :

element [id=atom(title)][mousefocused]
{
foreground: rgb(15,15,15);
}
pS-
Off topic:

What iconpack are you using?
cyclone9
how to revert back to original?
Reyzur
Quote - (pS- @ Sep 12 2006, 03:21) [snapback]587874160[/snapback]

Off topic:

What iconpack are you using?


No icon pack various collected over time .


Quote - (cyclone9 @ Sep 12 2006, 05:32) [snapback]587874413[/snapback]

how to revert back to original?


You should off save the original somwhere safe and just replace the modded shellstyle with the original inside your windows \resources\yourthemename\shell folder smile.gif
Reyzur
I have tried everything I can to get rid of this black line , to no avail.

Element [id=atom(blockadeaccent)

As far as I know this is the name for it.

Any Ideas ? mad.gif
njlouch
Wow, handy tutorial! Cheers!
ccl0
this is very useful information! smile.gif

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2008 Invision Power Services, Inc.