sketchucation logo sketchucation
    • Login
    ℹ️ Licensed Extensions | FredoBatch, ElevationProfile, FredoSketch, LayOps, MatSim and Pic2Shape will require license from Sept 1st More Info

    Webdialogs: inputbox shows black background (sketchup webkit

    Scheduled Pinned Locked Moved SketchUp Bug Reporting
    sketchup
    50 Posts 22 Posters 35.3k Views 22 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J Offline
      jeroentheuns
      last edited by

      webdialogs: inputbox shows black background (sketchup webkit osx)

      Hi,

      Following html inputbox shows with a black background color when loaded inside a sketchup webdialog. Same html file opens ok on safari.
      Until 2 days ago it worked ok in sketchup. I DID UPGRADE TO LION 10.7.4

      restarting SketchUp and computer doesn't help
      removing all other plugins and restarting Sketchup doesn't help
      removing all sketchup preferences (plist files in library/preferences/) doesn't help
      removing and reïnstalling sketchup doesn't help.

      Does anybody know where sketchups webkit stores it's cache? In 'com.google.sketchuppro8.plist'I see
      <key>WebKitCacheModelPreferenceKey</key>
      <integer>1</integer>
      I was thinking to set this to 0 as to force webkit/sketchup to clean it's cache as I suspect there is something in there that gets loaded and produces this incorrect html rendering.
      I can see this by opening the file in textwrangler, but textwrangler apparently cannot correctly save the editet binary format.

      SketchUp 8.0.11751, OSX Lion 10.7.4


      webdialog black input.png


      html source

      1 Reply Last reply Reply Quote 0
      • D Offline
        driven
        last edited by

        hi if you have Apples Developer Tools you can use Web Inspector to find the cause...
        see this post http://forums.sketchucation.com/viewtopic.php?f=180&t=37277&p=328917&hilit=enable+webInspector#p328855
        john

        learn from the mistakes of others, you may not live long enough to make them all yourself...

        1 Reply Last reply Reply Quote 0
        • M Offline
          mwm5053
          last edited by

          Well by the subject you can tell my problem. It seems to be native to my computer. Mac OSX 10.7 using SU 8 Pro the same DC comp. on my WIN laptop are correctly displayed. The peculiar thing is the DC comp. from Google are able to change dim.


          screen2.jpg


          base cab.skp

          2011 iMac
          SU 2015 Pro, 2017 Make
          V2 Twilight
          macOS Sierra 10.12.5

          1 Reply Last reply Reply Quote 0
          • M Offline
            mwm5053
            last edited by

            John, I saw the link you posted and that's way over my expertise. In the skp file I uploaded the DC components values were blacked out all but the ones from Google any reason why? The components from Sketchdata and Kraftmaid still had some options that however were still accesable 😉

            2011 iMac
            SU 2015 Pro, 2017 Make
            V2 Twilight
            macOS Sierra 10.12.5

            1 Reply Last reply Reply Quote 0
            • P Offline
              petersaal
              last edited by

              Just in case I wasn't clear in the previous post, you only need to make the additions/changes in red.

              Here's some background on the issue on StackOverflow:

              Link Preview Image
              Black input backgrounds - Cocoa WebView

              Morning everyone, I've been developing and maintaining a Cocoa app which contains a WebView section. It's built against the 10.5 SDK to maintain PPC compatibility. With the most recent Safari upda...

              favicon

              Stack Overflow (stackoverflow.com)

              1 Reply Last reply Reply Quote 0
              • P Offline
                petersaal
                last edited by

                I found the same problem last week. The source of the problem is the Safari update that Apple pushed out last week (5.1.7). Here's a work-around for dynamic components: make the following edits in red to the manager.css and configurator.css files. (located in Library/Application Support/Google SketchUp 8/SketchUp/Tools/Dynamic Components/css)

                In Manager.css:

                .edit-field {
                position: absolute;
                border-top: 2px solid #3063C9;
                border-left: 2px solid #3063C9;
                border-right: 2px solid #A5C4FF;
                border-bottom: 2px solid #A5C4FF;
                background-color: white; font-size: 12px;
                font-family: sans-serif;
                width: 100%;
                height: 100%;
                overflow: hidden;
                padding-left: 2px;
                padding-top: 1px;
                border: 1px solid #000000;
                }

                In Configurator.css:

                .config-field {
                width: 100%;
                font-size: 11px;
                font-family: tahoma, sans-serif;
                height: 22px;
                background-color: white;
                border: 1px solid #000000;
                }

                .config-field-readonly {
                width: 100%;
                font-size: 11px;
                font-family: tahoma, sans-serif;
                height: 22px;
                background-color: threedface;
                border: 1px solid #000000;
                }

                1 Reply Last reply Reply Quote 0
                • R Offline
                  rdeath
                  last edited by

                  Hi, i have located the manager.css and configurator.css files and opened them. I don't seem to be able to edit them. Can you point me in the right direction. THX for finding the problem it's been driving me nuts. Look forward to your help

                  1 Reply Last reply Reply Quote 0
                  • GaieusG Offline
                    Gaieus
                    last edited by

                    @rdeath said:

                    I don't seem to be able to edit them.

                    Why not? Open it in a plain text editor (not a word processor) and you can simply copy/paste those lines then save.

                    Gai...

                    1 Reply Last reply Reply Quote 0
                    • R Offline
                      rdeath
                      last edited by

                      Ok, I have done all that RESTARTED iMAC and things don't seem to have changed.....? Any ideas..?


                      black feilds.jpg

                      1 Reply Last reply Reply Quote 0
                      • Dan RathbunD Offline
                        Dan Rathbun
                        last edited by

                        @rdeath said:

                        Ok, I have done all that RESTARTED iMAC and things don't seem to have changed.....? Any ideas..?

                        Clear your browser cache (or temporary internet files directory.)

                        I'm not here much anymore.

                        1 Reply Last reply Reply Quote 0
                        • M Offline
                          mwm5053
                          last edited by

                          Still no luck

                          2011 iMac
                          SU 2015 Pro, 2017 Make
                          V2 Twilight
                          macOS Sierra 10.12.5

                          1 Reply Last reply Reply Quote 0
                          • jeff hammondJ Offline
                            jeff hammond
                            last edited by

                            @mwm5053 said:

                            Well by the subject you can tell my problem. It seems to be native to my computer. Mac OSX 10.7 using SU 8 Pro the same DC comp. on my WIN laptop are correctly displayed. The peculiar thing is the DC comp. from Google are able to change dim.

                            that's odd.. (i'm seeing the same behavior..)

                            the items are still editable, it's just that the black is the same color as the text so you can see it.. if you triple click an entry, the field will highlight in blue so you can see it.. (when blue, push delete then enter your new numbers ..albeit blindly)

                            heres a shot after focusing the component options dialog then selectAll-- 😕 😕


                            screen 2012-05-22 at 10.04.52 PM.jpg

                            dotdotdot

                            1 Reply Last reply Reply Quote 0
                            • A Offline
                              Aerilius
                              last edited by

                              @rdeath said:

                              Ok, I have done all that RESTARTED iMAC and things don't seem to have changed.....? Any ideas..?

                              Your image shows a website (that is loaded from the internet and can't use these css hacks). Does it at least work for components options?

                              @mwm5053 said:

                              Still no luck

                              Can you check again that all the css properties are separated with a semi-colon? I think you forgot one in %(#000000)[.config_field].

                              Another idea, would a WebView also accept a user stylesheet (that would override the default background in all websites+webdialogs in SketchUp)?

                              1 Reply Last reply Reply Quote 0
                              • M Offline
                                mwm5053
                                last edited by

                                I saw that and thanks for pointing that out but still seeing black fields. Jeff's solution did allow me to change width dimension ultimately. I don't think this a SU thing however I believe it was an update to the Safai browser for Macs after the Flashback incident. From what I've read it not only effected SU but other programs that use webdialog boxes on Mac. Emptying the cache hasn't proved to be useful either.

                                2011 iMac
                                SU 2015 Pro, 2017 Make
                                V2 Twilight
                                macOS Sierra 10.12.5

                                1 Reply Last reply Reply Quote 0
                                • R Offline
                                  rdeath
                                  last edited by

                                  OK, purged cache in Safari and still no luck...!! anything else i can try..??? this is VERY frustrating..!!


                                  CSS feilds.jpg

                                  1 Reply Last reply Reply Quote 0
                                  • P Offline
                                    petersaal
                                    last edited by

                                    Move "font-size: 12px;" down to its own line. I had that on the same line as background-color and that's an error on my part.

                                    If that doesn't do the trick, the only difference might be the OS X version. I'm still on 10.6 and I don't have a way to test 10.7.

                                    Just to be clear: this fix is only for dynamic components. It will not fix the 3D Warehouse search box or any other affected software on the mac.

                                    1 Reply Last reply Reply Quote 0
                                    • L Offline
                                      lwerner
                                      last edited by

                                      Thanks for posting this workaround! It worked perfectly for me. (On OSX 10.7.4 Lion, Sketchup 8.0.14345 Pro)

                                      Laura

                                      1 Reply Last reply Reply Quote 0
                                      • M Offline
                                        mwm5053
                                        last edited by

                                        @ Petersall

                                        I followed your suggestion and didn't seem to make any differance 😞
                                        Did I do it right?

                                        Edit Went back and corrected a few errors and fine now.


                                        manager.css.jpg


                                        configure .css.jpg

                                        2011 iMac
                                        SU 2015 Pro, 2017 Make
                                        V2 Twilight
                                        macOS Sierra 10.12.5

                                        1 Reply Last reply Reply Quote 0
                                        • JuantxoJ Offline
                                          Juantxo
                                          last edited by

                                          When I updated to Safari to 5.1.7 in Mac Leopard webdialogs boxes turn black in Sketchup.
                                          I've installed an older version of safari with pacifist and now it works again.

                                          http://www.charlessoft.com/ (pacifist software)
                                          http://mac.oldapps.com/safari.php (Safari 5.1.1 (Snow Leopard))

                                          1 Reply Last reply Reply Quote 0
                                          • jeff hammondJ Offline
                                            jeff hammond
                                            last edited by

                                            @lwerner said:

                                            Thanks for posting this workaround! It worked perfectly for me. (On OSX 10.7.4 Lion, Sketchup 8.0.14345 Pro)

                                            Laura

                                            ditto.. works fine for me too..
                                            thanks peter.

                                            dotdotdot

                                            1 Reply Last reply Reply Quote 0
                                            • 1
                                            • 2
                                            • 3
                                            • 3 / 3
                                            • First post
                                              Last post
                                            Buy SketchPlus
                                            Buy SUbD
                                            Buy WrapR
                                            Buy eBook
                                            Buy Modelur
                                            Buy Vertex Tools
                                            Buy SketchCuisine
                                            Buy FormFonts

                                            Advertisement