| Home Page | Recent Changes | Preferences

# Wiki Integration/Browser Sidebar

The Browser Sidebar adds an Unreal Wiki tab to popular web browser's sidebars. You can search the Wiki and display the search results directly in your browser's sidebar, and it gives you direct access to the most important Unreal Wiki pages.

See Wiki Integration for more ideas of different applications.

## Internet Explorer

### Automatic Install

1. Download http://wiki.beyondunreal.com/misc/integration/unrealwiki-ie.reg and run it. When asked whether you want to add the information in that file to your system registry, reply with Yes.
2. Restart Internet Explorer.

### Manual Install

1. Select Run in your Windows Start menu, type `regedit` and press enter.
2. Browse to `HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Search`.
3. Double-click the `SearchAssistant` key in the right window pane and replace its value by the following address:

         http://wiki.beyondunreal.com/misc/integration/wiki-search-ie.html

4. Close RegEdit and restart Internet Explorer.

### Uninstall

If you ever want to revert the changes, download http://wiki.beyondunreal.com/misc/integration/unrealwiki-ie-restore.reg and run it. This restores the default Internet Explorer Search Assistant.

### Usage

To search the Wiki, enter your search topic into the text box and hit enter. Below the text bar, there are some useful quick links.

## Mozilla / Netscape

### Install

Click the following [link]. You will be prompted to install the UnrealWiki sidebar. Press yes and the sidebar will appear.

### Uninstall

Right click the UnrealWiki tab name and select Customize sidebar.... Select UnrealWiki from the list and press remove.

### Usage

When you double-click an item in the tree it will open that page in the current active browser page. You can also right-click the item to see more details about the change. When you click the title or URL in the pop-up window you will go to the page. If you click the Diff menu item you will view recent edits to that page.

To search the Wiki, enter your search topic into the field next to the search button and press search.

There are some useful quick links in the UnrealWiki menu in the top of the sidebar tab.

The sidebar will automatically be refreshed every 15 minutes, but you can do a manual refresh by clicking the Update menu item.

## Opera

### Install

Click here to install the Unreal Wiki sidebar for Opera.

### Uninstall

Right-click the Unreal Wiki tab in the sidebar window and select Delete panel.

### Usage

To search the Wiki, enter your search topic into the text box and hit enter. Below the text bar, there are some useful quick links.

## Other Gecko-based browsers

If you are using a Gecko-based browser besides Mozilla, Netscape or Opera, (un)installing as described above might not work. You should make sure your browser supports sidebars. If it does and the install link still doesn't work, look for an option to add a sidebar manually. The address of the sidebar itself is: http://wiki.beyondunreal.com/misc/integration/mozwiki.php

There's quite a few Gecko-based browsers around - as more users use the sidebars for these browsers, they are welcome to note their experiences on this page. If you try to install the sidebar, and there's no option to add it, check your browser's documentation, or, if you're adventurous, try editing the files storing your browser's configuration.

If your gecko-based browser isn't listed below, and you get the sidebar to work, please add details on how you managed to do it. If you can't, please leave a note, and we will try to help you.

### Getting the Opera panel on Mozilla

Add the following text to your profile's panels.rdf file:

    <RDF:Description about="urn:sidebar:3rdparty-panel:http://wiki.beyondunreal.com/cgi-bin/wiki-search.cgi"
            NC:title="Unreal Wiki"
            NC:content="http://wiki.beyondunreal.com/cgi-bin/wiki-search.cgi"
            NC:customize="http://wiki.beyondunreal.com/wiki?action=editprefs"
            NC:persist="false" />

### Galeon

Galeon (tested: 1.3.3) supports the (Mozilla) sidebar without a problem. The installation described above does work, but it doesn't ask for a confirmation and installs right away. Deletion is a matter of opening the sidebar and pressing the trashcan button.

## Comments

The background is white, not light blue, in these browsers:

- IE6
- Opera

Add your browser to the list if you expierience the same problem in a different browser.

Perhaps this a problem with the HTML file used, not the browsers, after all.

Mychaeel: I checked and it seems that in the process of updating the stylesheets for the new template system they were broken for the browser sidebar. That's not a browser-related problem.

Tarquin: That's a probably feature. BODY is no longer given a background colour, the DIVs are. Either:

1. change the HTML to enclose everything in a DIV of the correct class
2. change the HTML to BODY class="something" and I will change the CSS accordingly
3. on the other hand, wide PRE or USCRIPT text ends up on white background, so I might change it.

Mychaeel: Keep in mind that if you don't define a background color, the default is not white; it's whatever the user configured in his or her browser. For me, it's light gray. So giving the <body> a defined background color definitely is a good idea. Also, the background color is not the only thing that got lost; the fonts did too. – I suggest that you check your features for unwanted side effects like that in future before implementing them.

Tarquin: I still haven't managed to install some of the sidebars, and some of them still don't seem to work – in particular one of the Mozilla ones where I was asked to make some settings in the perl script. If people tell me what classes the sidebar uses which are broken, I'll look into it. But the sidebar writers could update the HTML to match the new classes.

Mychaeel: The one and only Wiki Browser Sidebar we're talking about here is http://wiki.beyondunreal.com/cgi-bin/wiki-search.cgi, and I'm the author. I consider this part of the Unreal Wiki website, and as a visitor I'd expect that it wasn't broken by anything that was changed in other parts of the site. – The sidebar's HTML templates are wiki-ext/search.something.htt.

Tarquin: Ok. I'll have it fixed, probably tonight.

Tarquin: *slowly gets it* it's the same sidebar for IE6 and Opera, just a different link to install it? And it can be run on Moz too? In that case, I will completely reorganize the above. We have TWO sidebars, one multi-browser, one Moz-only.

Mychaeel: Yes, that's right. It's only one sidebar.

Mychaeel: The background color is light-blue, but the logo is on a sidebar-blue background; that looks weird. Please make the sidebar background dark-blue as well. Also, some of the fonts aren't correct yet. – For that matter, I just realized that the Wiki Sidebar uses no fixed font or font size; rather it inherits the user's browser preferences. Given that everything else is fixed that's not a good idea. While you're at it, I suggest you use Arial instead of Times there.

tarquin: in that case, two options:

1. I use a body class="sidebar" and add selectors in the main stylesheet
2. I make a sidebar-only stylesheet.

which do you think is best?

Mychaeel: Making a CSS class selector, I guess.

Mychaeel: I'm afraid that the sidebar layout still doesn't look as it should (fonts don't match, background color too light). tarquin: Do you need more information, or should I tackle this? (Though I don't know what exactly you changed in the styles when implementing the new template system earlier.)

Tarquin: It's on my list. I'll do it soon, maybe this afternoon. (you concentrate on JB! ) ... done!

Mychaeel: Hmm – something changed, but somehow not to the better... now my personal links are spread apart and the headers are still in 12pt Times while they should be in 9pt Arial.

Tarquin: I think I will give the sidebar its own stylesheet to avoid conflicts like this.

Mychaeel: Actually, the idea behind using the same style sheet was that changes in those styles would automatically reflect in the side bar. I didn't expect that fundamental settings like font faces and sizes would be taken out of the <body> tag. – It's a bit better now (the font faces are right), but now the text in the tables has 12pt instead of 9pt. And the background is still light-blue instead of dark-blue.

Tarquin: if you want it integrated again, I could maybe use the same class as the sidebar, dark blue background with thin white dividers (instead of HR).

Mychaeel: We're getting closer – fonts are fine, just too large (still inherit the usually 12pt from the browser's own configuration).

Tarquin: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAARG. It's because text inside a TABLE doesn't inherit from the parent BODY or DIV. Stupid css. Must be a bug, surely?

Mychaeel: Don't know – just that all CSS-compliant browsers I tried do it alike. By the way: While the bookmarks themselves look good now, the "Bookmarks" title is still too large. – That iteration cycle strikes me as pretty inefficient, actually. How about you just try looking at the sidebar page yourself after each attempt of fixing it?

Tarquin: I don't use it, so I'm not exactly sure what you (the designer ) wants from it. Plus I can't view it locally; it's only with a quick hack that I'm able to view the results on the header, but without the generated content. I need to save a static dummy version to play with. If I have time, I might remodel it to use DIVs and floats instead of tables, subject to your approval. I'll certainly switch those headings to headings tags.

Mychaeel: It should be clear from the screenshots on this page how it's supposed to look, I think.

Tarquin: Working on it. May I suggest this instead of a table:

    h1 {
        font-family:Arial, Helvetica, sans-serif;
        font-size:9pt;
        border:solid black 1px; /* just for testing */
        }
    h1 a {
        float: right;
        padding-left: 4px;
        }

    <h1><a
        href="wiki-search.cgi?reset=all" title="Mark all pages as read"><img
        src="http://wiki.beyondunreal.com/wiki-ext/button-markasread.gif" alt="[Mark as Read]" width=63 height=14 border=0></a>
        <a
        href="javascript:pageAdd(getCookie('page'))" title="Add current page to bookmarks"><img
        src="http://wiki.beyondunreal.com/wiki-ext/button-addpage.gif" alt="[Add Page]" width=47 height=14 border=0></a>
        Bookmarks
        </h1>

Mychaeel: Not using a table won't work for the bookmarks themselves though if a bookmark title spans several lines. – Nobody ever said it was necessary to abolish all tables by all means. Sometimes a table simply is a table.

Tarquin: Agreed. That's just for the "bookmarks" heading. I don't think I'll bother changing HR to DIV because I can't test the script locally for some reason so it would take too long.

The Unreal Engine Documentation Site

Wiki Community

Topic Categories

Image Uploads

Random Page

Recent Changes

Offline Wiki

Unreal Engine

Console Commands

Terminology

Mapping Topics

Mapping Lessons

UnrealEd Interface

Questions&Answers

Scripting Topics

Scripting Lessons

Making Mods

Class Tree

Questions&Answers

Modeling Topics

Questions&Answers

Log In