Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Brendan Rice 537 posts 1098 karma points
    Aug 09, 2012 @ 01:06
    Brendan Rice
    0

    MNTP style is a bit messed up

    The style of the MNTP has went a little wrong in the back end, has anyone seen this before and is there a work around?

  • Dave Forster 28 posts 74 karma points
    Aug 09, 2012 @ 09:50
    Dave Forster
    2

    I have exactly the same issue.. mentioned it a few weeks ago here:

    http://our.umbraco.org/projects/backoffice-extensions/ucomponents/questionssuggestions/33201-MNTP-layoutcss-issue-in-back-office

    The only workaround I could come up with was to add a css style override in ~/umbraco_client/ui/custom.css

     

    div.multiNodePicker div.header.propertypane
    {
        float:none !important;
    }

     

  • Lee Kelleher 4020 posts 15802 karma points MVP 13x admin c-trib
    Aug 09, 2012 @ 10:32
    Lee Kelleher
    1

    Hey Brendan and Dave,

    OK so that's 2 occurrences of this now... there's gotta be something amiss here!

    Since I can't replicate it locally, wondering if anything else could be impacting it? e.g. another data-type or package?

    @Brendan - could you let me know which version of Umbraco and uComponents - and which web-browsers this happens on?

    Would love to get to the bottom of this and get a fix out there.

    Thanks, Lee.

  • Brendan Rice 537 posts 1098 karma points
    Aug 09, 2012 @ 11:11
    Brendan Rice
    0

    Hi Lee,

    please find the details you asked for below. Cheers for the help btw.

    B

     

     

    umbraco v 4.7.2 

    uComponents 3.1.2.3


  • Brendan Rice 537 posts 1098 karma points
    Aug 11, 2012 @ 14:29
    Brendan Rice
    0

    OK a bit more info on this. It looks fine when the viewport is smaller, I have a high res monitor and when the browser window is full size it causes the issue.

  • Brendan Rice 537 posts 1098 karma points
    Aug 11, 2012 @ 14:43
    Brendan Rice
    0

    I am going to makr your answer as solving it Dave, it would be great to get the actual problem fixed in Core if it is still happening. I will keep an eye out for it in the next project I start with 4.8.

    Cheers for the help.

    B

  • Lee Kelleher 4020 posts 15802 karma points MVP 13x admin c-trib
    Aug 13, 2012 @ 11:21
    Lee Kelleher
    0

    Brendan and Dave, what screen resolution are you using?

    Thanks, Lee.

  • Brendan Rice 537 posts 1098 karma points
    Aug 14, 2012 @ 21:46
    Brendan Rice
    0

    1920 x 1200

  • Ismail Mayat 4511 posts 10090 karma points MVP 2x admin c-trib
    Aug 16, 2012 @ 16:46
    Ismail Mayat
    0

    i got the same

  • Lee Kelleher 4020 posts 15802 karma points MVP 13x admin c-trib
    Aug 16, 2012 @ 16:50
    Lee Kelleher
    0

    I still can't replicate the bug! :-(  I'm on dual monitors (1680x1050 and 1600x900) ... even if I try to stretch the window across both screens and reload MNTP, I can't reproduce the error.

    If anyone wants to supply a fix, that would be much appreciated!  *hint*hint* Ismail is part of uComponents team ;-)

    Cheers, Lee.

  • Chris Evans 137 posts 353 karma points c-trib
    Aug 20, 2012 @ 02:43
    Chris Evans
    0

    I wasn't encountering this on Friday.

    I installed VS 2012 (which also installs asp.net 4.5) on the weekend.

    I encountered this problem today.

    My colleage wasn't encountering this problem on the exact same codebase, running on the exact same database - he hadn't installed VS 2012 or .net 4.5

    We tried running the codebase on a new Windows 8 VM that is running VS 2012 - and boom, encountered the problem.

    Seems that the style rule that is pushing the layout all funny was coming from a set of WebResource.axd, adding a width of 622 pixels to the .multiNodePicker .header selector.  Killing those rules in Firebug pushed the layout back to normal(ish).

    Hope this helps! Would be good to have an official fix rather than the proposed workaround extra styling (which we'll do for the short term)

  • Chriztian Steinmeier 2798 posts 8787 karma points MVP 7x admin c-trib
    Aug 21, 2012 @ 09:10
    Chriztian Steinmeier
    2

    Just to chip in here:

    I have a 4.7.2 installation that just started doing this - and I have no idea what triggered it.

    I'm on a MacBook Pro @ 1440x900, and using Safari 6 (OS X Mountain Lion) - using the Web Inspector I can see that the rule .multiNodePicker .left.propertypane is set to clear: none, – either removing this or specifically setting it to clear: both will fix the issue...

    ** off to codeplex...

    /Chriztian

  • Lee Kelleher 4020 posts 15802 karma points MVP 13x admin c-trib
    Aug 23, 2012 @ 16:13
    Lee Kelleher
    0

    I have applied the CSS fix for MNTP in both uComponents (v3.x, v4.x) and Umbraco core (upcoming v4.9).  Since I still can't replicate this issue, would any one be willing to help me test the patch?

    (If you don't already have my email address, get in touch via: http://j.mp/leeeeee - I'll send over the latest DLL)

    Thanks, Lee.

  • Stephen 47 posts 270 karma points
    Sep 20, 2012 @ 11:56
    Stephen
    0

    I think you might have fixed this already, but FWIW I think the issue is to do with the order that the css files 

    /umbraco_client/propertypane/style.css and /umbraco_client/tabview/style.css are loaded.  

     

    If tabview/style.css is loaded after propertypane the 

    float: left; 

    in .header overrides

    float: none;

    in .propertypane on the element

    <div class="header propertypane">

     

    This also causes some different styling to occur as the background property of .header will also take precedence.

    That said, I'm not sure what affects the order of the stylesheets as they are both loaded by ClientDependency attributes. This might explain why the problem is intermittent (if there is nothing special dictating which css file is loaded first)

     

    Stephen

  • Bo Damgaard Mortensen 719 posts 1207 karma points
    Sep 20, 2012 @ 11:59
    Bo Damgaard Mortensen
    0

    Hi all,

    I had this CSS "bug" aswell a week ago when fooling around with a Umbraco 4.9 install.

    The problem started to occur when I installed uComponents (the package) and did the legacy-folder workaround. I haven't got the faintest idea if that has got something to with it, but when I reinstalled Umbraco 4.9 (due to other reasons than uComponents) and I didn't install the uComponents package, everything was fine again.

    - Bo

  • Martin 278 posts 662 karma points
    Sep 26, 2012 @ 17:43
    Martin
    0

    Hi, 

    I have encountered the same issue as well.

    I did find using the DAMP package for images, had an effect on the mntp, but in a strange way.

    I had set my tabs up as, Content, Side Column, Main Banner.

    Placing the MNTP in any tabs had the bugged layout, but placing DAMP on the first "Content" tab, somehow fixed the layout issue.

    Ive tried adding the CSS to the umbraco/client/ui/default.css but with no effect.

    Anyone know how to get the css fix to work?

    Thanks 

  • Stephen 47 posts 270 karma points
    Sep 26, 2012 @ 18:00
    Stephen
    0

    Did you add your fix to umbraco_client/ui/default.css (with an underscore) as you've said umbraco/client/ui/default.css (with a forward slash)?

    The strange way the bug appears is to do with the order the two css files (propertypane/style.css and tabview/style.css) are loaded, having DAMP on different tabs must be triggering the client dependcies in different orders.

    I haven't looked what fix has been added to uComponents but there probably needs to be similar css to the one posted above that dictates which styles take preference on the class="header propertypane" div as depending on which css file loads first it affects the positioning and background of the element.

     

    Stephen

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Apr 28, 2013 @ 14:41
    Jan Skovgaard
    0

    Just saw this issue for the first time ever on a 4.7.0 installation with uComponents 2.1 installed.

    The weird thing is that it looks fine on our staging environment but all of the sudden the issue happened on the live environment last week and nothing has changed on the site for a month...It's a bit hard to explain this to the boss and the client.."Something has been changed! I wanna know what!"....argh...:-/

    But happy to see it's fixed in newer releases though :)

    It's just so weird that it happens out of nowhere???

    /Jan

  • Jan Skovgaard 11280 posts 23678 karma points MVP 10x admin c-trib
    Apr 28, 2013 @ 15:55
    Jan Skovgaard
    1

    Ok, so it turns out that in my setup I needed to do the following to quickfix the issue:

    1: Go to /umbraco_client/ui/default.css

    2: Add the following

    .multiNodePicker .left.propertypane{
    clear: both !important;
    }

    3: Empty the ClientDependency cache in /App_Data/TEMP/ClientDependency

    4: Increment the version number in /config/ClientDependency.config

    Perhaps step 3 can be omitted but by doing it this way all suspetcs are eliminated and the change will take effect.

    To sum it up I'm running Umbraco 4.7 with uComponents 2.1 installed.

    Hope this comes in handy for somebody else a some point :)

    /Jan

Please Sign in or register to post replies

Write your reply to:

Draft