We have been asked to change the default font size to 14px (up from 11px) for our application. Asking the user to increase the font size through the browser was not an option for us...
We have accomplished this using a custom skin derived from the Enterprise skin with all font-size: 11px; declarations changed to 14px.
We have noticed that the Month button label (class="dateChooserNavButton") in the header is being displayed with an ellipsis because the enclosing <table> and <div> elements have their width attribute set to 22px and 30px respectively. Same with the Year button label.
We did not have this problem with SmartGWT 3.0 (LGPL) as that version was using a Table to layout the header components. 3.0 was able to cope with unreasonable font sizes (e.g.: 48px.)
Any idea as to how we can workaround this problem on our end or would you consider this to be a bug? This is preventing us from upgrading from SmartGWT 3.0.
Thanks!
Frederic
1. the *complete* SmartGWT or SmartClient version from the lower left-hand corner of the Developer Console
SmartGWT 4.1d Pro...
From the Developer Console:
SmartClient Version: SNAPSHOT_v9.1d_2013-11-20/Pro Deployment (built 2013-11-20)
2. browser(s) and version(s) involved
All browsers.
6. sample code if applicable
src/test/TestDateChooser.gwt.xml:
---------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='TestDateChooser'>
<inherits name='com.google.gwt.user.User'/>
<inherits name="com.smartgwt.SmartGwt"/>
<entry-point class='test.client.TestDateChooser'/>
<set-property name="user.agent" value="safari" />
<source path='client'/>
</module>
src/test/client/TestDateChooser.java:
-----------------------------------
package test.client;
import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.widgets.DateChooser;
public class TestDateChooser implements EntryPoint {
public void onModuleLoad() {
DateChooser dateChooser = new DateChooser();
dateChooser.draw();
}
}
war/TestDateChooser.html:
-------------------------------
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style> * { font-size: 14px !important; }</style>
<title>Test DateChooser</title>
<script> var isomorphicDir = "TestDateChooser/sc/"; </script>
<script language="javascript" src="TestDateChooser/TestDateChooser.nocache.js"></script>
</head>
<body>
</body>
</html>
We have accomplished this using a custom skin derived from the Enterprise skin with all font-size: 11px; declarations changed to 14px.
We have noticed that the Month button label (class="dateChooserNavButton") in the header is being displayed with an ellipsis because the enclosing <table> and <div> elements have their width attribute set to 22px and 30px respectively. Same with the Year button label.
We did not have this problem with SmartGWT 3.0 (LGPL) as that version was using a Table to layout the header components. 3.0 was able to cope with unreasonable font sizes (e.g.: 48px.)
Any idea as to how we can workaround this problem on our end or would you consider this to be a bug? This is preventing us from upgrading from SmartGWT 3.0.
Thanks!
Frederic
1. the *complete* SmartGWT or SmartClient version from the lower left-hand corner of the Developer Console
SmartGWT 4.1d Pro...
From the Developer Console:
SmartClient Version: SNAPSHOT_v9.1d_2013-11-20/Pro Deployment (built 2013-11-20)
2. browser(s) and version(s) involved
All browsers.
6. sample code if applicable
src/test/TestDateChooser.gwt.xml:
---------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<module rename-to='TestDateChooser'>
<inherits name='com.google.gwt.user.User'/>
<inherits name="com.smartgwt.SmartGwt"/>
<entry-point class='test.client.TestDateChooser'/>
<set-property name="user.agent" value="safari" />
<source path='client'/>
</module>
src/test/client/TestDateChooser.java:
-----------------------------------
package test.client;
import com.google.gwt.core.client.EntryPoint;
import com.smartgwt.client.widgets.DateChooser;
public class TestDateChooser implements EntryPoint {
public void onModuleLoad() {
DateChooser dateChooser = new DateChooser();
dateChooser.draw();
}
}
war/TestDateChooser.html:
-------------------------------
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style> * { font-size: 14px !important; }</style>
<title>Test DateChooser</title>
<script> var isomorphicDir = "TestDateChooser/sc/"; </script>
<script language="javascript" src="TestDateChooser/TestDateChooser.nocache.js"></script>
</head>
<body>
</body>
</html>