Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    Styles and Images are not shown

    Hi,
    I was testing with the SmartGWT EE Edition. Just did a small test application. Finally we bought PowerEdition and I cleaned the project and built it again with Power Edition. Unfortunately all the styles and images are not shown up! For example the buttons doesnt have a border and grey background, the menu buttons doesnt have icon and so on. I tried to compare but cant find any missing lib. There is also no error message.

    Does anyone have a hint? Thx a lot.


    License 5.1p Power Edition
    Tags: None
    #2
    Hi escDev

    start by checking for http 404s to the CSS files (and perhaps other files) in your browsers F12 developer tools.

    What does your projects .gwt.xml file look like?

    Best regards
    Blama

    Comment

      #3
      Hi Blama,

      I can load the CSS files, at least my own from the project, I tried directly via URL in browser. My gwt.xml file looks like

      <module rename-to='portal'> <inherits name="com.google.gwt.logging.Logging"/> <inherits name='com.google.gwt.user.User'/> <inherits name="com.smartgwt.tools.SmartGwtTools"/> <inherits name="com.smartgwtee.tools.Tools"/> <inherits name="com.smartgwt.SmartGwtNoTheme"/> <inherits name="com.smartclient.theme.enterprise.EnterpriseResources"/> <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/> <!-- Specify the app entry point class. --> <entry-point class='de.esc.client.Portal'/> <!-- Specify the paths for translatable code --> <source path='client'/> <source path='shared'/> </module> Thx

      Comment

        #4
        <module rename-to='portal'>
        <inherits name="com.google.gwt.logging.Logging"/>
        <inherits name='com.google.gwt.user.User'/>
        <inherits name="com.smartgwt.tools.SmartGwtTools"/>
        <inherits name="com.smartgwtee.tools.Tools"/>

        <inherits name="com.smartgwt.SmartGwtNoTheme"/>
        <inherits name="com.smartclient.theme.enterprise.EnterpriseResources"/>
        <inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlueResources"/>


        <!-- Specify the app entry point class. -->
        <entry-point class='de.esc.client.Portal'/>

        <!-- Specify the paths for translatable code -->
        <source path='client'/>
        <source path='shared'/>


        </module>

        Comment

          #5
          Hi escDev,

          you are loading two skines, aren't you?
          Try removing one of them (EnterpriseResources, EnterpriseBlueResources).

          Best regards
          Blama

          Comment

            #6
            Hi again,

            I found following during start of server:

            00:00:04,454 [INFO] Ignoring the following script tags in the gwt.xml file
            sc/initsc.js
            sc/modules/ISC_Core.js
            sc/modules/ISC_Foundation.js
            sc/modules/ISC_Containers.js
            sc/modules/ISC_Grids.js
            sc/modules/ISC_Forms.js
            sc/modules/ISC_RichTextEditor.js
            sc/modules/ISC_Calendar.js
            sc/modules/ISC_DataBinding.js
            sc/skins/Enterprise/load_skin.js
            sc/modules/ISC_Core.js
            sc/modules/ISC_Foundation.js
            sc/modules/ISC_Containers.js
            sc/modules/ISC_Grids.js
            sc/modules/ISC_Forms.js
            sc/modules/ISC_RichTextEditor.js
            sc/modules/ISC_Calendar.js
            sc/modules/ISC_DataBinding.js


            Is that maybe the problem and why the tags are ignored?

            thx,

            Comment

              #7
              Not perfectly sure, but you need either NoScript-imports in .gwt.xml or loading of the framework .js-files in your bootstrap file. Not both.

              Comment

                #8
                Hi Blama,

                I removed one theme but it doesnt work. However I found a 404 for /isomorphic/skins/standard/images/button/button_end.png ??

                Thx

                Comment

                  #9
                  One 404 is way to few. It should be more around 50 / all image requests failing.
                  Is "../standard/.." the directory where your skin is deployed?
                  Do you see a succeeding request to skin_styles.css and load_skin.js?

                  Comment

                    #10
                    Perhaps also show your bootstrap html file.

                    Comment

                      #11
                      Hi Blama,

                      the bootstrap html file is

                      <!doctype html>

                      <html>
                      <head>
                      <meta http-equiv="content-type" content="text/html; charset=UTF-8">
                      <link type="text/css" rel="stylesheet" href="portal.css">
                      <title>esc info.portal</title>

                      <script>var isomorphicDir = "portal/sc/"; </script>
                      <script>window.isc_useSimpleNames = false</script>

                      <script type="text/javascript" language="javascript" src="portal/portal.nocache.js"></script>
                      </head>

                      <body>


                      <!-- OPTIONAL: include this if you want history support -->
                      <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
                      style="position:absolute;width:0;height:0;border:0"></iframe>

                      <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
                      <noscript>
                      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
                      Your web browser must have JavaScript enabled
                      in order for this application to display correctly.
                      </div>
                      </noscript>

                      </body>
                      </html>

                      Comment

                        #12
                        Hi escDev,

                        looks good to me. What about post #9?

                        Comment

                          #13
                          Just for documentation, my server.properties missed the "isomorphicPathRootRelative" property, after setting the correct value everything worked as expected.

                          Thx

                          Comment

                          Previous template Next
                          Working...
                          X