• Login
sketchucation logo sketchucation
  • Login
⚠️ Libfredo 15.4b | Minor release with bugfixes and improvements Update

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 16 May 2012, 20:14

    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 16 May 2012, 21:51

      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 21 May 2012, 00:06

        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 21 May 2012, 12:03

          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 21 May 2012, 16:26

            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:

            http://stackoverflow.com/questions/10587916/black-input-backgrounds-cocoa-webview

            1 Reply Last reply Reply Quote 0
            • P Offline
              petersaal
              last edited by 21 May 2012, 16:29

              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 21 May 2012, 22:22

                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
                • G Offline
                  Gaieus
                  last edited by 21 May 2012, 22:26

                  @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 21 May 2012, 23:19

                    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
                    • D Offline
                      Dan Rathbun
                      last edited by 22 May 2012, 18:44

                      @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 22 May 2012, 20:02

                        Still no luck

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

                        1 Reply Last reply Reply Quote 0
                        • J Offline
                          jeff hammond
                          last edited by 23 May 2012, 02:05

                          @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 23 May 2012, 10:33

                            @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 24 May 2012, 11:51

                              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 24 May 2012, 13:10

                                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 25 May 2012, 18:54

                                  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 26 May 2012, 05:52

                                    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 26 May 2012, 14:53

                                      @ 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
                                      • J Offline
                                        Juantxo
                                        last edited by 29 May 2012, 20:30

                                        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
                                        • J Offline
                                          jeff hammond
                                          last edited by 29 May 2012, 22:39

                                          @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
                                          • 1 / 3
                                          1 / 3
                                          • First post
                                            13/50
                                            Last post
                                          Buy SketchPlus
                                          Buy SUbD
                                          Buy WrapR
                                          Buy eBook
                                          Buy Modelur
                                          Buy Vertex Tools
                                          Buy SketchCuisine
                                          Buy FormFonts

                                          Advertisement