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.
    • 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
                                          • T Offline
                                            TeamSDA
                                            last edited by

                                            Hi All,

                                            The fix Peter provided worked for the fields in my DC options window. But when I open my custom attributes window and look at the "Display Label" it is black as well. I couldn't find the style in the css style sheet that changed this input field. Does anyone know the style I need to change.

                                            Custom Attributes

                                            (On OSX 10.6.8 Snow Leopard, Sketchup 8.0.14345 Pro)

                                            Regards,
                                            Christian

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

                                            Advertisement