Fat horizontal splitters in FF

41 posts, 0 answers
  1. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    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
  2. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 24 Apr 2007 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    8-)

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

    --
    Stuart
  5. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 24 Apr 2007 Link to this post

    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
  6. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    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
  7. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    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
  8. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 24 Apr 2007 Link to this post

    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
  9. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 24 Apr 2007 Link to this post

    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
  10. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    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
  11. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    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
  12. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    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
  13. Shaun Peet
    Shaun Peet avatar
    571 posts
    Member since:
    Aug 2004

    Posted 24 Apr 2007 Link to this post

    I believe the horizontal split bars prefer to be called "big-boned" :)
  14. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 24 Apr 2007 Link to this post

    Differently slim?

    --
    Stuart
  15. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 24 Apr 2007 Link to this post

    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
  16. Shaun Peet
    Shaun Peet avatar
    571 posts
    Member since:
    Aug 2004

    Posted 24 Apr 2007 Link to this post

    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 :(
  17. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    My mom always said I was "special".

    --
    Stuart
  18. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 25 Apr 2007 Link to this post

    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
  19. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    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
  20. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 25 Apr 2007 Link to this post

    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
  21. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    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
  22. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 25 Apr 2007 Link to this post

    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
  23. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    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
  24. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 25 Apr 2007 Link to this post

    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
  25. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    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
  26. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    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
  27. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 25 Apr 2007 Link to this post

    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>
  28. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 25 Apr 2007 Link to this post

    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
  29. Valio
    Valio avatar
    102 posts
    Member since:
    Jun 2006

    Posted 25 Apr 2007 Link to this post

    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!
  30. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 26 Apr 2007 Link to this post

    I so confirm.

    --
    Stuart
  31. Dan
    Dan avatar
    739 posts
    Member since:
    Mar 2009

    Posted 26 Apr 2007 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017