Announcement

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

    Enterprise Blue problem

    Hi all,

    I've been using the enterprise blue skin in several other projects now, but this is the first time I've come across a problem like this.

    In this project I'm trying the MVP pattern - Composites are used and are switched in and out of the RootPanel, and in the Composites I usually have a VLayout (giving me a full browser screen application). Essentially, the problem is outlined by the attachments below:

    http://www.group1solutions.com.au/su...wt/gwtskin.jpg
    This is as expected, with the edge around the viewable space.
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
<module rename-to='bluetest'>

	<!-- Inherit the core Web Toolkit stuff.                        -->
	<inherits name='com.google.gwt.user.User' />

	<!-- Inherit the default GWT style sheet.  You can change       -->
	<!-- the theme of your GWT application by uncommenting          -->
	<!-- any one of the following lines.                            -->
	<inherits name='com.google.gwt.user.theme.standard.Standard' />
	<!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
	<!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->

	<!-- either use one of the above, or whats below (use NoTheme with blue) -->

	<!-- Other module inherits-->                                      
	<inherits name="com.smartgwt.SmartGwt" />
		
	<!-- Specify the app entry point class.                         -->
	<entry-point class='blueTest.client.BlueTest' />

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

	<!-- TODO dev compilation only -->
	<!-- <set-property name="user.agent" value="safari"/>  -->

</module>
    http://www.group1solutions.com.au/su...wt/entblue.jpg
    When using the blue skin with the same code, I get the above.
    Code:
    <?xml version="1.0" encoding="UTF-8"?>
<module rename-to='bluetest'>

	<!-- Inherit the core Web Toolkit stuff.                        -->
	<inherits name='com.google.gwt.user.User' />

	<!-- Inherit the default GWT style sheet.  You can change       -->
	<!-- the theme of your GWT application by uncommenting          -->
	<!-- any one of the following lines.                            -->
	<!-- <inherits name='com.google.gwt.user.theme.standard.Standard' />  -->
	<!-- <inherits name='com.google.gwt.user.theme.chrome.Chrome'/> -->
	<!-- <inherits name='com.google.gwt.user.theme.dark.Dark'/>     -->

	<!-- either use one of the above, or whats below (use NoTheme with blue) -->

	<!-- Other module inherits-->                                      
	<inherits name="com.smartgwt.SmartGwtNoTheme" />
	<inherits name="com.smartclient.theme.enterpriseblue.EnterpriseBlue" />
	
	<!-- Specify the app entry point class.                         -->
	<entry-point class='blueTest.client.BlueTest' />

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

	<!-- TODO dev compilation only -->
	<!-- <set-property name="user.agent" value="safari"/>  -->

</module>
    So the blue skin does something slightly different, I've tried different combinations of playing with padding/margins but to no avail.

    GWT 2.0.3, SmartGWT 2.2 LGPL, both FF 3.6 and Chrome 5.

    GWT and SmartGWT jars required to build project.
    http://www.group1solutions.com.au/su...seBlueTest.zip
    Last edited by sunnyl; 15 Jun 2010, 17:03.
    Tags: None
    #2
    *bump*

    Is anyone able to confirm this? A sample project has been attached on the first post.

    Comment

      #3
      The extra padding around your layout? I ran into the same thing. Try changing your base HTML page body to be:

      <body style="margin:0px">

      That seems to work for me.

      -Mohkev

      Comment

        #4
        Originally posted by mohkev
        The extra padding around your layout? I ran into the same thing. Try changing your base HTML page body to be:

        <body style="margin:0px">

        That seems to work for me.

        -Mohkev
        I ended up taking a different approach in my GUI that avoided having an edge around the entire page, but your suggestion seems to have done the trick to fix it in the example project. Thanks!

        Comment

        Previous template Next
        Working...
        X