Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Modal Window Header corrupted

    I am using Eclipse with Smart GWT 12.0p
    GWT 2.8.1

    Click image for larger version

Name:	smartgwt.png
Views:	76
Size:	25.4 KB
ID:	261432


    I am using Firefox Browser 74.0 (64-bit).
    After adding some more code the header suddenly changed and looked corrupted. Also the cancel - "X" looks corrupted, but works!

    My client file looks as follows:


    Code:
    package com.lass.smsweb.client;
    
    import com.google.gwt.core.client.EntryPoint;
    import com.google.gwt.user.client.ui.RootPanel;
    import com.smartgwt.client.widgets.Button;
    import com.smartgwt.client.widgets.Label;
    import com.smartgwt.client.widgets.Window;
    
    
    /**
     * Entry point classes define <code>onModuleLoad()</code>.
     */
    public class SiMaSoWeb implements EntryPoint {
    
        int iCounter=0;
        Label l1=new Label();        
    
    
        public void onModuleLoad() {
            final Button sendButton = new Button("Send");
    
            // We can add style names to widgets
            sendButton.addStyleName("sendButton");
    
            // Add the nameField and sendButton to the RootPanel
            // Use RootPanel.get() to get the entire body element
            RootPanel.get().add(l1);
            RootPanel.get().add(sendButton);
    
            //firstService.firstServer(new String[] {"Run"}, asFirst );
            //secondService.secondServer("Run", asSecond );
            l1.setContents("Hallo7");
    
            getLoginWindow().show();        
        }
    
        public Window getLoginWindow() {
    
            Window window = new Window();
            window.setTitle("About OSWf Simulator");
            window.setWidth(400);
            window.setHeight(225);
            window.setIsModal(true);
            window.setShowModalMask(true);
            window.centerInPage();
    
            window.setShowMinimizeButton(false);
            window.setShowResizer(false);
            window.setShowStatusBar(true);
            window.setShowMaximizeButton(false);
            window.setCanDragResize(true);  
    
            return window;            
        }    
    
    }
    My Html file looks like this
    Code:
    <!doctype html>
    
    <html>
      <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="SiMaSoWeb.css">
    
        <title>Sirenen Management</title>
    
        <script> var isomorphicDir = "simasoweb/sc/"; </script>
    
        <!-- This script loads your compiled module.  If you add any GWT meta tags,
             they must be added before this line. -->
        <script type="text/javascript" language="javascript" src="simasoweb/simasoweb.nocache.js"></script>
        <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
        <script src="http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>
        <script type="text/javascript" language="javascript" src="simasoweb/loadScriptTagFiles.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>
    No error messages found...

    Any suggestions are highly appreciated ...




    #2
    This looks like you probably added some third-party CSS that styles every element of a given type on the page (for example, all TDs). You'll need to get rid of that since there's really no way to work around CSS that just changes how basic elements behave.

    Comment

    Working...
    X