» Forums
» RollBar threads
» Support
Support
2005/07/22 11:05
Viewed 15754 times
Replies: 44/82
by Mihai Bazon

Support questions go here.
Simple onclick event?
2005/08/03 07:27
Viewed 11989 times
Replies: 1/1
by Chris Davis

Mihai, a wonderful component! Thank you.

A small problem. I've got a reports database that lists 10 rows of records per page (and allows a user to navigate between pages as necessary). I wish to use the Rollbar Tabs to organize individual report categories (10 report categories = 10 individual tabs).

Is there any way to assign a link to the tab onclick event? I know this defeats the functionality somewhat (as content on ALL tabs should be loaded on initial page load), but loading several pages of report lists (rowperpage * tabs) is a bit overwhelming.

I guess what I'm asking for is a way to reload the page with a specified URL on each tab click.

<div id="tabControl">
<div title="First Tab" onclick="location.href='index.php?tab=1'"></div>
<div title="Second Tab" onclick="location.href='index.php?tab=2'"></div>
</div>

Again, this bypasses the main functionality of your widget, but for simplicity's sake it would be a nice alternative to calling event handlers (if I understand that correctly).
last
Re: Simple onclick event?
2005/08/03 20:45
Viewed 15060 times
Replies: 0/0
by Chris Davis

After combing the documentation, I found a naughty workaround:

<div id="tabControl">
<div>
<label><a href="#" onclick="location.href='index.php?tab=1'" style="text-decoration: none; color: #000000;">Tab Title</a></label>
</div>
</div>
last
Some questions
2005/08/26 18:18
Viewed 9318 times
Replies: 0/0
by gzoller

Very cool looking component!

Could the content in the viewable window scroll vertically as well as horizontally, as it does in all the demos?

The demos show text and links in the content area. Can there be images in there as well? (Don't know why not but I thought I'd ask!)

For example I have a large image I don't want to take up the whole page and I'd like people to be able to scroll around in all 4 directions.

Thanks!
-g
last
Tab Font Size
2005/09/06 20:19
Viewed 9940 times
Replies: 1/2
by ctilt

Hello. This is an excellent component. Can I please ask how to change the font size of the tabs labels. I did not see anything in the rollbar.css that seemed obvious. Sorry if this is a trivial question, but none of the examples seem to alter this aspect. Thanks in advance.
last
Re: Tab Font Size
2005/09/06 20:22
Viewed 12750 times
Replies: 1/1
by Mihai Bazon

For instance you can include the following code in your document, after loading the RollBar CSS skin:

div.dynarch-roll-tabs table {
    font: 14px Verdana,sans-serif;
}

Hope this helps.
last
» Re[2]: Tab Font Size, by ctilt [ quick view ]
2 rollbars in the same page
2005/10/01 23:18
Viewed 8904 times
Replies: 1/1
by jhudson

The rollbar component only seems to be working if I have 1 in a page. Is this true? Is there anything special that needs to be done to have multiple rollbars in the same page? Thanks.
last
Re: 2 rollbars in the same page
2005/10/04 22:58
Viewed 11492 times
Replies: 0/0
by mb037

Try this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<link rel="stylesheet" type="text/css" href="skin-aqua.css" media="all"></link>
<style type="text/css">@import url(include/styles.css);</style>
<script type="text/javascript" src="rollbar.js"></script>
<script type="text/javascript" src="preserve-state.js"></script>
<style type="text/css">div.dynarch-roll-tabs table {margin-left: 0;}</style>

<script type="text/javascript">
function initDocument()
{
var config = { animation: false, hideButtons: true, tabs: 'top' };
DynarchRB.setup('room', config);
DynarchRB.setup('fabric', config);
DynarchRB.setup('services', config);
DynarchRB.setup('structure', config);
DynarchRB.setup('space', config);
DynarchRB.setup('finishing_building', config);
DynarchRB.setup('sundry', config);
DynarchRB.setup('finishing_site', config);
DynarchRB.setup('mechanical', config);
DynarchRB.setup('electrical', config);
DynarchRB.setup('electromechanical', config);
}
</script>
</head>

<body onload="initDocument()";>

<!-- ***************************************************************************************************************** -->
<!-- ROOM -->
<!-- ***************************************************************************************************************** -->

<div style="width: 750px; margin: 0 auto;">
<div id="room">
<div title="DS10192-FD">

</div>

<!-- ***************************************************************************************************************** -->
<!-- FABRIC -->
<!-- ***************************************************************************************************************** -->

<div title="Building Fabric">
<div style="width: 740px; margin: 0 auto;">
<div id="fabric">

<!-- ***************************************************************************************************************** -->

<div title="Structure/Carcass">
<div style="width: 740px; margin: 0 auto;">
<div id="structure">

<div title="E In Situ Concrete">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="F Masonry">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="G Structure/Carcassing">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Space Enclosure">
<div style="width: 740px; margin: 0 auto;">
<div id="space">

<div title="H Cladding/Covering">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="J Waterproofing">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="K Linings/Sheathing/Dry partitioniing">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="L Windows/Doors/Stairs">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Building Finishing">
<div style="width: 740px; margin: 0 auto;">
<div id="finishing_building">

<div title="M Surface Finishes">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>

<div title="N Furniture/Equipment">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Sundry">
<div style="width: 740px; margin: 0 auto;">
<div id="sundry">

<div title="P Building Fabric Sundries">
<div style="width: 740px; margin: 0 auto;">
</div>
</div>

</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Site Finishing">
<div style="width: 740px; margin: 0 auto;">
<div id="finishing_site">

<div title="Q Paving/Planting/Fencing/Furniture">
<div style="width: 740px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->
<!-- END OF FABRIC -->
<!-- ***************************************************************************************************************** -->

<!-- ***************************************************************************************************************** -->
<!-- SERVICES -->
<!-- ***************************************************************************************************************** -->

<div title="Services">
<div style="width: 740px; margin: 0 auto;">
<div id="services">

<!-- ***************************************************************************************************************** -->

<div title="Mechanical">
<div style="width: 740px; margin: 0 auto;">
<div id="mechanical">

<div title="R Disposal Systems">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="S Piped Supply">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="T Heating/Cooling/Refrigeration">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="U Ventilation/Air Conditioning">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Electrical">
<div style="width: 740px; margin: 0 auto;">
<div id="electrical">

<div title="V Electrical Supply/Power/Lighting">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

<div title="W Communications/Security/Control">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>

</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

<div title="Electromechanical">
<div style="width: 740px; margin: 0 auto;">
<div id="electromechanical">

<div title="X Transport Systems">
<div style="width: 400px; margin: 0 auto;">

</div>
</div>
</div>
</div>
</div>

<!-- ***************************************************************************************************************** -->

</div>
</div>
</div>

</div>
</div>

<!-- ***************************************************************************************************************** -->

<script type="text/javascript">
DynarchRB.preloadImages();
</script>

</body>
</html>
last
Loading doc into IFrame
2005/11/03 19:24
Viewed 9384 times
Replies: 0/0
by tontocow

I want to use the rollbar to show the user 4-5 items at a time. When item is selected I will load a doc into an IFrame. The doc will contain an annimated tab control. Will this work? I as because the samples create the tab control on the onLoad event. I will not be firing the onLoad event just loading a different doc into the iFrame.

Thanks in advance
Thom B.
last
rbel has no properties
2005/12/12 21:14
Viewed 8866 times
Replies: 1/2
by medined

I'm using Firefox with Web Developer 0.9.4 extension installed. This extension allows me to see a javascript console. I see a message generated by line 16 of rollbar.js. The message is 'rbel has no properties'. Do you know how I can fix this javascript error?

-david
last
Re: rbel has no properties
2007/04/05 23:36
Viewed 5820 times
Replies: 1/1
by Adam Parker

i get the same error
last
» Re[2]: rbel has no properties, by mishoo [ quick view ]
rolbar in a table
2005/12/14 17:52
Viewed 8992 times
Replies: 1/2
by berrysx

I'm currently evaluating the rollbar. I'm trying to use one in a table and I get some unexpected whitespace in the control.
Sample code which exhibits the problem below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test of Dynarch RollBar</title>
<link rel="stylesheet" type="text/css"
href="../system/javascript/dynarch/rollbar-1.0/skin-aqua.css" media="all" />
<script type="text/javascript"
src="../system/javascript/dynarch/rollbar-1.0/rollbar.js"></script>
</head>
<body onload="DynarchRB.setup('test', { tabs: 'top', animation: false, hideButtons: true })">

<table>
<tr>
<td>
<div id="test">
<div title="Tab 1">
Contents of Tab 1
</div>
<div title="Tab 2">
Contents of Tab 2
</div>
<div title="Tab 3">
Contents of Tab 3
</div>
</div>
</td>
</tr>
</table>

</body>
</html>

Can anyone help? Thanks

(Tried in IE 6.0 and Firefox 1.0.2)
last
Re: rolbar in a table
2005/12/14 21:24
Viewed 11731 times
Replies: 1/1
by mb037

Try this.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test of Dynarch RollBar</title>
<link rel="stylesheet" type="text/css" href="skin-aqua.css" media="all" />
<script type="text/javascript" src="rollbar.js"></script>
<style type="text/css">div.dynarch-roll-tabs table {margin-left: 0;}</style>
</head>
<body onload="DynarchRB.setup('test', { tabs: 'top', animation: false, hideButtons: true })">

<table>
<tr>
<td>
<div id="test" style="width: 153px; margin: 0 auto;">
<div title="Tab 1">
Contents of Tab 1
</div>
<div title="Tab 2">
Contents of Tab 2
</div>
<div title="Tab 3">
Contents of Tab 3
</div>
</div>
</td>
</tr>
</table>

</body>
</html>
last
» Re[2]: rolbar in a table, by berrysx [ quick view ]
Multiple Rows of Tabs
2005/12/24 18:58
Viewed 8742 times
Replies: 1/1
by Jye

We are currently evaluating for a medium-scale web application. The number of tabs we require can be up to 20 which scrolls the page horizontally and won't be acceptable in our application.

Is it possible to configure rollbar to wrap the tabs over multiple rows, either based on screen width, or by specifying the number of tabs to show per row?

If not, it would be a great feature.
last
Re: Multiple Rows of Tabs
2005/12/24 19:16
Viewed 11154 times
Replies: 0/0
by Mihai Bazon

I'm sorry, currently that isn't possible. But we received a few requests for it and we'll probably consider this feature for the next version.
last
IE Flickering issue
2005/12/28 23:18
Viewed 9010 times
Replies: 1/1
by suresk

We are noticing a weird flickering issue with the tabs that only happens in IE (and only remotely - on our local dev boxes, it works fine). It looks as though IE is getting a new copy of the image every time you roll over the tab. Has anyone else noticed this and/or come up with a solution for it?

Thanks.
last
Re: IE Flickering issue
2005/12/29 09:41
Viewed 11501 times
Replies: 0/0
by Mihai Bazon

It might help if you preload the images using a function that our RollBar supplies.

Otherwise, make sure your IE is configured with the default cache settings (that is, "Automatic").
last
Resizing
2005/12/30 06:44
Viewed 8844 times
Replies: 2/7
by mbuisson

Hi,
With the rollbar, when I resize the browser window, all of the rollbar doesn't resize to the new width (same if resize the div that the rollbar is contained in).
Is it possible to make the rollbar resize tp the width of it's container, either automatically or by calling a function?
Thanks
last
Google