This is a migrated thread and some comments may be shown as answers.

Fat horizontal splitters in FF

40 Answers 250 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Dan
Top achievements
Rank 1
Dan asked on 24 Apr 2007, 12:29 PM
Looking at the "P" splitter demos I notice that in FF all of the horizontal splitters are fatter than the vertial ones. They look fine in IE.

An example of what I am seeing can be seen here.

--
Stuart

40 Answers, 1 is accepted

Sort by
0
Todd Anglin
Top achievements
Rank 2
answered on 24 Apr 2007, 12:34 PM
Stuart-

It looks like it will be a long year for you if you're already reducing "Prometheus" to "P". =)

I don't see the problems you're describing in the online demos. Do the online demos look okay to you or do you see the problem there, too?

http://www.telerik.com/DEMOS/ASPNET/

Prometheus/Splitter/Examples/SP_SlideDirection/DefaultCS.aspx

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 12:41 PM
8-)

I'm getting the same results on those pages in FF. IE looks fine.

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 24 Apr 2007, 12:52 PM
Hmmm...post a link to a page in the demos where you see the problems. I'm using FF 2.0.0.3 and don't see any problems with the horizontal bars. Also, try clearing your cache and see if that makes a difference.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 12:53 PM
It's not the skin being used, or if it iss, all of the skins are broken in the same way as I've been through all of the skins on the 'Skins' demo page for splitter and they all suffer from the same problem.

It's prolly irrevelent but each new skin loaded initially showed the bar the correct side and then after the image had been loaded for the closer (what do you call that control?) it expanded, almost like there was a border around the image, except that if there isn't a 'closer' it ends up 'fat' anyway.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 01:02 PM
http://www.telerik.com/DEMOS/ASPNET/Prometheus/Splitter/Examples/InitialSize/DefaultCS.aspx

Every horizontal splitter on that page loos the way I've discribed them.

I've cleared my cache and I've disabled all of my addons and restarted them. No joy.

Interestingly, or not, if I switch the rendering engine in FF to IE using the Addon IETab it's all OK.

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 24 Apr 2007, 01:02 PM
Stuart-

All of the skins work fine in FF here. Did you try clearing your cache? Also, what version of FF are you using?

Thanks~
Todd
0
Todd Anglin
Top achievements
Rank 2
answered on 24 Apr 2007, 01:08 PM
Sorry Stuart-

I think we posted at the same time. I looked at the link you posted and find all the splitters to have the correct size. There are two "fat" sliders on the page, but that's by design (which I assume is not what you're seeing).

We'll have to look in to this to see what's going on. It sounds like there is something unique to your environment affecting the display, but we'll look in to it nonetheless. Thanks for all of the feedback!

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 01:08 PM
Yes I cleared the cache. I'm using FFv2.0.0.3.

FYI, I'm looking at the error console as that page draws and I'm getting a shedload of warning about dropped declarations.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 02:09 PM
FYI, although I've not yet upgraded my regular rad components to Q12007 a quickly knocked up app with a horizontal splitter looks just the way it should. A similar app using PrSplitter is 'fat'.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 02:17 PM
More info

The floowing code in a 'regular' ASP.NET web site produced ordinary looking horizontal splitter bars ...

<radspl:radsplitter runat="server" id="RadSplitter2"  
  orientation="Horizontal" width="400px" height="300px"
  <radspl:radpane runat="server" id="Radpane1" EnableEmbeddedSkins="False" Height="" Index="0" Width=""
    <asp:label runat="server" id="Label1">r.a.d.Splitter Left pane</asp:label> 
  </radspl:radpane> 
  <radspl:radsplitbar runat="server" id="RadSplitBar3" collapsemode="Backward" EnableEmbeddedSkins="False" Index="1" /> 
  <radspl:radpane runat="server" id="Radpane2" EnableEmbeddedSkins="False" Height="" Index="2" Width="">r.a.d.Splitter Middle pane</radspl:radpane> 
  <radspl:radsplitbar runat="server" id="RadSplitBar4" collapsemode="Both" EnableEmbeddedSkins="False" Index="3" /> 
  <radspl:radpane runat="server" id="Radpane3" EnableEmbeddedSkins="False" Height="" Index="4" Width="">r.a.d.Splitter Right pane</radspl:radpane> 
</radspl:radsplitter>  
Exactly the same code in an ASP.NET AJAX-Enabled site produced 'fat' horizontal splitter bars.

--
Stuart
0
Shaun Peet
Top achievements
Rank 2
answered on 24 Apr 2007, 02:54 PM
I believe the horizontal split bars prefer to be called "big-boned" :)
0
Dan
Top achievements
Rank 1
answered on 24 Apr 2007, 02:56 PM
Differently slim?

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 24 Apr 2007, 02:58 PM
Shaun-

Are you seeing the same problem? I have been unable to reproduce the problem in FF locally, so interested in how many people see this problem.

Thanks~
Todd
0
Shaun Peet
Top achievements
Rank 2
answered on 24 Apr 2007, 03:57 PM
My FF and IE browsers are displaying identical pages.  The "big-boned" horizontal split bars only appear in the section called "Splitter Absolute size is set to 500px, SplitBars - absolute size set to 10px" - which is by design and working correctly in both my browsers.

Sorry Stuart :(
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 09:36 AM
My mom always said I was "special".

--
Stuart
0
Tsvetie
Telerik team
answered on 25 Apr 2007, 12:21 PM
Hi Stuart,
I can recall that you had the same problem with the previous version of the RadSplitter control, that resulted in the FullScreen online example looking strange on your side.

We are still not able to reproduce the problem and I believe you are the only one having such a display error. That is why I believe, as Todd Anglin suggested, that  there is something unique to your environment affecting the display. However, until we are able to find this unique setting and reproduce the problem, I am afraid there is not much that we can do.

Sincerely yours,
Tsvetie
the telerik team

Instantly find answers to your questions at the new Telerik Support Center
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 12:32 PM
Tsvetie,

I dispute none of what you say. However, a splitter project written and compiled here using out-of-thebox skins, etc from the Q4 2006 versionworks fine whilst the Pr version of the same project has the 'fat' splitter bars both using the Pr components and the 'regular' ones.

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 25 Apr 2007, 01:59 PM
Stuart-

Have you tried this on multiple PCs to ensure the problem is not related to a single dev environment? I'd suggest viewing your test page with RadSplitter on a completely different computer with FF and make sure you do (or don't) see a problem there. If you don't, you can at least narrow the problem down to a single workstation and then start to diagnose from there.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 02:04 PM
We've at least 2 other machines here that are displaying the same problem with online demos in FF.

Neither of the other machines have Visual Studio installed. All the machines show the examples just fine in IE (6 & 7).


--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 25 Apr 2007, 02:08 PM
Going back to something you said earlier, are you still seeing the "load" of JS errors when you view the Splitter pages? You obviously shouldn't. If you are, share with use what error you're seeing and that may help shed some light on the root problem.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 02:25 PM
They are  CSS warnings rather than JS error, but yes, I'm still getting them.

Using this page as an example, I have got sowhere between 80 and 90 warnings including items like this ...

Warning: Error in parsing value for property 'height'.  Declaration dropped.
Source File: http://www.telerik.com/DEMOS/ASPNET/Prometheus/Splitter/Examples/InitialSize/DefaultCS.aspx
Line: 0

Warning: Error in parsing value for property 'width'.  Declaration dropped.
Source File: http://www.telerik.com/DEMOS/ASPNET/Prometheus/Splitter/Examples/InitialSize/DefaultCS.aspx
Line: 0

Warning: Error in parsing value for property 'left'.  Declaration dropped.
Source File: http://www.telerik.com/DEMOS/ASPNET/Prometheus/Splitter/Examples/InitialSize/DefaultCS.aspx
Line: 0

If you can tell me where the error log is that FF's Error Console uses is, I'll send you the entire file.

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 25 Apr 2007, 03:44 PM
Stuart-

Do you have FireBug installed in FireFox? If not, I'd recommend downloading that since it has some serious tools that can help you debug client-side problems. You may also want to try a PC out of your office to see if you can replicate the problem (let's say) at home.

Clearly, debugging these environment problems is especially hard since the problem can't be recreated with code. :) Hopefully we'll make some progress on this issue if we isolate root of these CSS errors.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 03:50 PM
I'll try and install Firebug and see what I can get out of that to help.

FWIW, I'm currently running at home on my laptop via a different provider and seeing the same problem (not that I'd expect the provider to make any difference)

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 04:17 PM
Todd,

I've installed Firebug.

I'm not sure how to interpret the results I'm seeing as I've never seen the app before 15 minutes ago.

However, I've somethings that might be of help. This screen image shows the model used to create a vertical splitter bar. This one shows the same results for a 'fat' horizontal one. The source in both cases is the Ajax - Initial Size online demo page.

Finally, here's the style details associated with the horizontal splitter.

If there's something specific you or the team need me to do/get from firebug, let me know.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 25 Apr 2007, 04:35 PM
Further to my last,

The following is from firebug's HTML panel for one of the horizontal splitters.

I think some of the heights are a little suspect.

        <td id="Radsplitbar24" class="resizeBarHorizontal" style
        "white-space: nowrap; height: 7px; cursor: n-resize;"
          <img id="RAD_SPLITBAR_SPACER_Radsplitbar24" style
          "height: 10px; width: 1px;" alt="." src
          "/demos/aspnet/Prometheus/WebResource.axd?d=VyaY4-vQwQ1qUQP866H4s03ZAroUywYHLKt_puwsekryoVxMhJBXoTrlhzlj26ER7Gf0gFqYSVYIQZcNuOs-Xg2&amp;t=633129266510000000" 
          name="RAD_SPLITBAR_SPACER_Radsplitbar24"<input id
          "Radsplitbar24_ClientState" type="hidden" name
          "Radsplitbar24_ClientState"
        </td>
0
Todd Anglin
Top achievements
Rank 2
answered on 25 Apr 2007, 05:13 PM
Stuart-

That HTML is fine. That's what is in my browser, too, but things look fine here. Can you post the CSS inheritence tree that FireBug exposes for the insepected SplitBar? It reveals which styles are actually being applied to the element and may be helpful if some page level style is affecting the display on your system (though that seems unlikely...)

FF 2.0.0.3, no add-ons (except FireBug), WinXP SP2, cleared cache, running examples on Telerik.com, and you still see the sizing problem....hmmm...that is strange.

Thanks~
Todd
0
Valio
Top achievements
Rank 1
answered on 25 Apr 2007, 06:29 PM
Hello Stuart,

the issue your are experiencing looks really odd.

Are all the horizontal splitbars look the same (bigger) in FF? For example can you please confirm that the splitbars on this page looks bad :
http://www.telerik.com/DEMOS/ASPNET/Prometheus/Splitter/Examples/SplitterOrientation/DefaultCS.aspx 

Thanks,
Valentin Stoychev,
the Telerik team!
0
Dan
Top achievements
Rank 1
answered on 26 Apr 2007, 08:24 AM
I so confirm.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 26 Apr 2007, 08:28 AM
Todd,
Can you post the CSS inheritence tree that FireBug exposes for the insepected SplitBar?
Can you tell me where to find that in FireBug please?

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 26 Apr 2007, 12:11 PM
When you inspect an element with FireBug, you'll probably see the HTML tab on the left with the highlighted HTML for the element you've clicked on. On the right, make sure the "Style" tab is selected. In the Style tab you'll see all of the CSS rules applied to the element, including rules that have been overridden by the cascade (indicated by strike text).

Let me know if that makes sense.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 26 Apr 2007, 12:23 PM
Gotch.

The info is visible here and here.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 26 Apr 2007, 12:25 PM
FYI, the item being inspected is the first horizontal splitter in the 'Horizontal Splitters' section.

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 26 Apr 2007, 12:31 PM
Sorry Stuart-

I think you need to turn off "Show Computed Style" in FireBug (there should be an "Options" drop down that lets you do this. I need to see the style rules and not the computed style to tell if any of the RadSplitter CSS rules are being overridden.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 26 Apr 2007, 12:36 PM
Done. I've updated the 2 images I gave you links for before.

--
Stuart
0
Dan
Top achievements
Rank 1
answered on 11 May 2007, 02:45 PM
Todd,

did you get anywhere with this?

FYI, I've just taken delivery of a new machine (Dell Latitude D620) and so everything on it is a brand new install. And guess what? Yep, the horizontal splitters are still 'fat'.

Would appreciate some feedback as it's been a couple of weeks.

--
Stuart

0
Todd Anglin
Top achievements
Rank 2
answered on 11 May 2007, 02:53 PM
Stuart-

I'd suggest you open a formal support ticket and attach a demo project that exhibits this behavior. That's probably the best way to try to figure out what's going on at this point.

Thanks~
Todd
0
Dan
Top achievements
Rank 1
answered on 11 May 2007, 02:59 PM
??

All of the online demos that have horizontal splitters demonstrate this behaviour. Also, my posting here of 4/24/2007 9:17:13 AM shows a sample of ASP code that demonstrates the issue.

I was hoping that the info you requested from Firebug might have presented some answers.

--
Stuart
0
Todd Anglin
Top achievements
Rank 2
answered on 11 May 2007, 03:09 PM
Unfortunately, it did not. Everything still looks correct and everything still renders correctly on all FF browsers that I've tested with. This still appears to be an issue unique (for whatever strange reason) to your environment.

For that reason, I'd suggest you open a support ticket so the support teams can work with you directly to try to resolve this problem. Hopefully we'll be able to figure this out in that venue.

Sorry for the trouble! Thanks for all of your work and feedback.

-Todd


0
Todd Anglin
Top achievements
Rank 2
answered on 11 May 2007, 03:09 PM
Unfortunately, it did not. Everything still looks correct and everything still renders correctly on all FF browsers that I've tested with. This still appears to be an issue unique (for whatever strange reason) to your environment.

For that reason, I'd suggest you open a support ticket so the support teams can work with you directly to try to resolve this problem. Hopefully we'll be able to figure this out in that venue.

Sorry for the trouble! Thanks for all of your work and feedback.

-Todd


0
Dan
Top achievements
Rank 1
answered on 11 May 2007, 03:12 PM
OK.

I'll put something together along with (Firebug) evidence showing the difference between Pr and regular splitters.

--
Stuart
Tags
Splitter
Asked by
Dan
Top achievements
Rank 1
Answers by
Todd Anglin
Top achievements
Rank 2
Dan
Top achievements
Rank 1
Shaun Peet
Top achievements
Rank 2
Tsvetie
Telerik team
Valio
Top achievements
Rank 1
Share this question
or