कस्टम CSS के साथ GWT थीम शैलियों को कैसे ओवरराइड करें

GWT एप्लिकेशन में HTML और CSS फ़ाइलों को एकीकृत करते समय, उपयोगकर्ताओं को एक समस्या का सामना करना पड़ सकता है जहां GWT थीम शैलियाँ उनके कस्टम को ओवरराइड करती हैं शैलियाँ. इससे दृश्य उपस्थिति में विसंगतियां हो सकती हैं, जैसे कि काले रंग की बजाय सफेद पृष्ठभूमि। सीएसएस फ़ाइल:

import com.google.gwt.core.client.GWT; आयात com.google.gwt.resources.client.ClientBundle; आयात com.google.gwt.resources.client.CssResource; सार्वजनिक इंटरफ़ेस संसाधन क्लाइंटबंडल का विस्तार करते हैं { सार्वजनिक स्थैतिक अंतिम संसाधन इंस्टेंस = GWT.create(Resources.class); @स्रोत('style.css') @CssResource.NotStrict CssResource सीएसएस(); }

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.CssResource;

public interface Resources extends ClientBundle {

      public static final Resources INSTANCE = GWT.create(Resources.class); 

      @Source("style.css")
      @CssResource.NotStrict
      CssResource css();
}

पब्लिक क्लास YourApp EntryPoint लागू करता है { सार्वजनिक शून्य onModuleLoad() { //... संसाधन.INSTANCE.css().ensureInjected(); //... } }

public class YourApp implements EntryPoint {

    public void onModuleLoad() {
        //...
        Resources.INSTANCE.css().ensureInjected(); 
        //...
    }
}