Slow response in designer mode

[d1jussi]

Hello,

I'm suffering from poor response time in designer mode when editing a file with about 50-75 panels and a few other widgets. An update or addition of a new widget takes several seconds to perform. Is this what´s expected ?

How do I increase performance ? I have already shut off a css setting, something which was supposed to make it better, but it only helped marginally.

Regards,
Oscar Abrahamsson

[Eric Clayberg]

I'm suffering from poor response time in designer mode when editing a file with about 50-75 panels and a few other widgets. An update or addition of a new widget takes several seconds to perform. Is this what´s expected ?

No. It would be helpful to see a test case to see if you are doing anything unexpected.

You could also refactor your UI into Composite subclasses to reduce the number of widgets defined in the class.

[d1jussi]

Ok,

see my code below. I had to remove the imports to make it fit.

Regards,
Oscar

Code: Select all

public class Checklist implements EntryPoint {
   private HTMLPanel panel_8;
   private HTMLPanel panel_4;
   private HorizontalPanel fragetitel_1_1;
   private FlowPanel flowPanel_3;
   private FlowPanel punktPanel_1;
   private FlowPanel flowPanel_2;
   private FlowPanel flowPanel_2_1;
   private HTMLPanel panel;
   private HorizontalPanel faktadel_1_1b;
   private Image image;
   private VerticalPanel atgard_1_1;
   public void onModuleLoad() {
      RootPanel rootPanel = RootPanel.get();

      final HorizontalPanel horizontalPanel = new HorizontalPanel();
      rootPanel.add(horizontalPanel);

      final HTMLPanel panel_3 = new HTMLPanel("<h3>Miljöhusesyn 2008</h3>");
      horizontalPanel.add(panel_3);

      final SimplePanel simplePanel_1 = new SimplePanel();
      rootPanel.add(simplePanel_1);

      final TabPanel tabPanel = new TabPanel();
      simplePanel_1.setWidget(tabPanel);
      tabPanel.setSize("100%", "100%");

      final VerticalPanel allman = new VerticalPanel();
      tabPanel.add(allman, "Allmänna Gårdskrav");

      final FocusPanel punktTitel_1 = new FocusPanel();
      allman.add(punktTitel_1);
      punktTitel_1.setTitle("2 obesvarade frågor");
      punktTitel_1.addMouseListener(new MouseListener() {
         public void onMouseDown(final Widget sender, final int x, final int y) {
         }
         public void onMouseEnter(final Widget sender) {
            getPanel_4().setStylePrimaryName("checklist-punkt-vald");
         }
         public void onMouseLeave(final Widget sender) {
            getPanel_4().setStylePrimaryName("checklist-punkt");
         }
         public void onMouseMove(final Widget sender, final int x, final int y) {
         }
         public void onMouseUp(final Widget sender, final int x, final int y) {
         }
      });
      punktTitel_1.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {

            if (getPunktPanel_1().isVisible()) getPunktPanel_1().setVisible(false);
            else getPunktPanel_1().setVisible(true);
            
         }
      });

      panel_4 = new HTMLPanel("<h4>1. Anmälnings- och tillståndsplikt</h4>");
      punktTitel_1.setWidget(panel_4);
      panel_4.setStyleName("checklist-punkt");
      panel_4.setSize("100%", "100%");

      punktPanel_1 = new FlowPanel();
      allman.add(punktPanel_1);
      punktPanel_1.setVisible(false);

      final FlowPanel fragePanel_1_1 = new FlowPanel();
      punktPanel_1.add(fragePanel_1_1);

      fragetitel_1_1 = new HorizontalPanel();
      fragePanel_1_1.add(fragetitel_1_1);
      fragetitel_1_1.setWidth("100%");
      fragetitel_1_1.setBorderWidth(1);

      panel = new HTMLPanel("1.1");
      fragetitel_1_1.add(panel);
      panel.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_1 = new HTMLPanel("Om gården är anmälningspliktig, har anmälan gjorts till kommunen?");
      fragetitel_1_1.add(panel_1);

      final HorizontalPanel horizontalPanel_2 = new HorizontalPanel();
      fragetitel_1_1.add(horizontalPanel_2);

      final RadioButton jaRadioButton = new RadioButton("fraga_1_1");
      horizontalPanel_2.add(jaRadioButton);
      jaRadioButton.setText("Ja");

      final RadioButton nejRadioButton = new RadioButton("fraga_1_1");
      horizontalPanel_2.add(nejRadioButton);
      nejRadioButton.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            atgard_1_1.setVisible(true);
            
         }
      });
      nejRadioButton.setText("Nej");

      final RadioButton ejRadioButton = new RadioButton("fraga_1_1");
      horizontalPanel_2.add(ejRadioButton);
      ejRadioButton.setText("Ej");

      final Image image_5 = new Image();
      horizontalPanel_2.add(image_5);
      horizontalPanel_2.setCellVerticalAlignment(image_5, HasVerticalAlignment.ALIGN_BOTTOM);
      image_5.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (atgard_1_1.isVisible())   atgard_1_1.setVisible(false);
            else                         atgard_1_1.setVisible(true);
         }
      });
      image_5.setUrl("add-comment-yellow.gif");

      image = new Image();
      horizontalPanel_2.add(image);
      image.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            
            if (faktadel_1_1b.isVisible())   faktadel_1_1b.setVisible(false);
            else                         faktadel_1_1b.setVisible(true);

         }
      });
      image.setSize("20", "20");
      image.setUrl("info-icon.jpg");

      atgard_1_1 = new VerticalPanel();
      fragePanel_1_1.add(atgard_1_1);
      atgard_1_1.setStyleName("checklist-atgard");
      atgard_1_1.setVisible(false);
      atgard_1_1.setWidth("100%");

      final Label label_4 = new Label("Lägg till åtgärd/kommentar:");
      atgard_1_1.add(label_4);

      final HorizontalPanel horizontalPanel_3 = new HorizontalPanel();
      atgard_1_1.add(horizontalPanel_3);
      horizontalPanel_3.setWidth("100%");

      final TextArea textArea = new TextArea();
      horizontalPanel_3.add(textArea);
      textArea.setCharacterWidth(60);

      final Image image_4 = new Image();
      horizontalPanel_3.add(image_4);
      image_4.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            atgard_1_1.setVisible(false);
         }
      });
      image_4.setSize("20", "20");
      image_4.setUrl("close.gif");

      faktadel_1_1b = new HorizontalPanel();
      fragePanel_1_1.add(faktadel_1_1b);
      faktadel_1_1b.setVisible(false);
      faktadel_1_1b.setWidth("100%");
      faktadel_1_1b.setStyleName("checklist-faktadel-panel");
      faktadel_1_1b.setBorderWidth(1);

      final HTMLPanel panel_2 = new HTMLPanel("<h4>Fakta 1.1</h4>\r\n");
      faktadel_1_1b.add(panel_2);
      panel_2.setStylePrimaryName("checklist-faktadel-normal");
      faktadel_1_1b.setCellVerticalAlignment(panel_2, HasVerticalAlignment.ALIGN_TOP);

      final VerticalPanel verticalPanel_1 = new VerticalPanel();
      faktadel_1_1b.add(verticalPanel_1);

      final Image image_1 = new Image();
      verticalPanel_1.add(image_1);
      image_1.setSize("20", "20");
      image_1.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            faktadel_1_1b.setVisible(false);
         }
      });
      image_1.setUrl("close.gif");

      final Label label_2 = new Label("---");
      verticalPanel_1.add(label_2);
      label_2.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (panel_2.getStylePrimaryName().compareTo("checklist-faktadel-normal") == 0)
               panel_2.setStylePrimaryName("checklist-faktadel-smaller");
            else if (panel_2.getStylePrimaryName().compareTo("checklist-faktadel-bigger") == 0)
               panel_2.setStylePrimaryName("checklist-faktadel-normal");
         }
      });

      final Label label_3 = new Label("+++");
      verticalPanel_1.add(label_3);
      label_3.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (panel_2.getStylePrimaryName().compareTo("checklist-faktadel-normal") == 0)
               panel_2.setStylePrimaryName("checklist-faktadel-bigger");
            else if (panel_2.getStylePrimaryName().compareTo("checklist-faktadel-smaller") == 0)
               panel_2.setStylePrimaryName("checklist-faktadel-normal");
         }
      });

      final FlowPanel fragePanel_1_2 = new FlowPanel();
      punktPanel_1.add(fragePanel_1_2);

      final HorizontalPanel fragetritel_1_2 = new HorizontalPanel();
      fragePanel_1_2.add(fragetritel_1_2);
      fragetritel_1_2.setBorderWidth(1);
      fragetritel_1_2.setWidth("100%");

      final HTMLPanel panel_5 = new HTMLPanel("1.2");
      fragetritel_1_2.add(panel_5);

      final HTMLPanel panel_6 = new HTMLPanel("Om gården är tillståndspliktig, har tillstånd lämnats av länsstyrelsen?");
      fragetritel_1_2.add(panel_6);

      final HorizontalPanel horizontalPanel_7 = new HorizontalPanel();
      fragetritel_1_2.add(horizontalPanel_7);

      final RadioButton jaRadioButton_1 = new RadioButton("fraga_1_2");
      horizontalPanel_7.add(jaRadioButton_1);
      jaRadioButton_1.setText("Ja");

      final RadioButton nejRadioButton_1 = new RadioButton("fraga_1_2");
      horizontalPanel_7.add(nejRadioButton_1);

      final VerticalPanel atgard_1_2 = new VerticalPanel();

      nejRadioButton_1.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            atgard_1_2.setVisible(true);
         }
      });
      nejRadioButton_1.setText("Nej");

      final RadioButton ejRadioButton_1 = new RadioButton("fraga_1_2");
      horizontalPanel_7.add(ejRadioButton_1);
      ejRadioButton_1.setText("Ej");

      final Image image_6 = new Image();
      horizontalPanel_7.add(image_6);

      
      image_6.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (atgard_1_2.isVisible())   atgard_1_2.setVisible(false);
            else                         atgard_1_2.setVisible(true);
         }
      });
      horizontalPanel_7.setCellVerticalAlignment(image_6, HasVerticalAlignment.ALIGN_BOTTOM);
      image_6.setUrl("add-comment-yellow.gif");

      final Image image_2 = new Image();
      horizontalPanel_7.add(image_2);
      image_2.setSize("20", "20");
      image_2.setUrl("info-icon.jpg");

      final HorizontalPanel horizontalPanel_1_2b = new HorizontalPanel();

      image_2.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (horizontalPanel_1_2b.isVisible())   horizontalPanel_1_2b.setVisible(false);
            else                         horizontalPanel_1_2b.setVisible(true);

         }
      });

      fragePanel_1_2.add(atgard_1_2);
      atgard_1_2.setStyleName("checklist-atgard");
      atgard_1_2.setVisible(false);
      atgard_1_2.setWidth("100%");

      final Label label_5 = new Label("Lägg till åtgärd/kommentar:");
      atgard_1_2.add(label_5);

      final HorizontalPanel horizontalPanel_8 = new HorizontalPanel();
      atgard_1_2.add(horizontalPanel_8);

      final TextArea textArea_1 = new TextArea();
      horizontalPanel_8.add(textArea_1);
      textArea_1.setCharacterWidth(60);

      final Image image_7 = new Image();
      horizontalPanel_8.add(image_7);
      image_7.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            atgard_1_2.setVisible(false);
         }
      });
      image_7.setSize("20", "20");
      image_7.setUrl("close.gif");

      fragePanel_1_2.add(horizontalPanel_1_2b);
      horizontalPanel_1_2b.setStyleName("checklist-faktadel-panel");
      horizontalPanel_1_2b.setVisible(false);
      horizontalPanel_1_2b.setBorderWidth(1);
      horizontalPanel_1_2b.setSize("100%", "100%");

      final HTMLPanel panel_7 = new HTMLPanel("<P> Djurhållning över 100 djurenheter kräver, liksom tidigare, anmälan till kommunen. (Se <A href=\"javascript:parent.VisaTabell(2)\">Tabell 2</A> för definition av djurenhet). Företag, där verksamheten påbörjades före 1 januari 2008 och som blir anmälningspliktiga när den nya förordningen träder i kraft ska göra en anmälan till tillsynsmyndigheten senast den 30 juni 2008. En anmälan om t.ex. utökad djurhållning ska göras i god tid, minst 6 veckor, innan man planerar att starta verksamheten. Verksamheten bör dock invänta kommunens beslut i ärendet, då beslutet kan innehålla krav på begränsningar i form av förelägganden och förbud. Kommunens beslut kan även överklagas av t.ex. närboende.</p>\r\n");
      horizontalPanel_1_2b.add(panel_7);

      final Image image_3 = new Image();
      horizontalPanel_1_2b.add(image_3);
      image_3.setSize("20", "20");
      image_3.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            horizontalPanel_1_2b.setVisible(false);
         }
      });
      image_3.setUrl("close.gif");

      final FocusPanel focusPanel_2 = new FocusPanel();
      allman.add(focusPanel_2);
      focusPanel_2.setTitle("2 obesvarade frågor");
      focusPanel_2.addMouseListener(new MouseListener() {
         public void onMouseDown(final Widget sender, final int x, final int y) {
         }
         public void onMouseEnter(final Widget sender) {
            getPanel_8().setStylePrimaryName("checklist-punkt-vald");
         }
         public void onMouseLeave(final Widget sender) {
            getPanel_8().setStylePrimaryName("checklist-punkt");
         }
         public void onMouseMove(final Widget sender, final int x, final int y) {
         }
         public void onMouseUp(final Widget sender, final int x, final int y) {
         }
      });
      focusPanel_2.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (getFlowPanel_2().isVisible()) getFlowPanel_2().setVisible(false);
            else getFlowPanel_2().setVisible(true);
         }
      });

      panel_8 = new HTMLPanel("<h4>2.  Egenkontroll av miljöpåverkan </h4>");
      focusPanel_2.setWidget(panel_8);
      panel_8.setStyleName("checklist-punkt");
      panel_8.setSize("100%", "100%");

      flowPanel_2 = new FlowPanel();
      allman.add(flowPanel_2);
      flowPanel_2.setVisible(false);

      flowPanel_2_1 = new FlowPanel();
      flowPanel_2.add(flowPanel_2_1);

      final HorizontalPanel horizontalPanel_2_1 = new HorizontalPanel();
      flowPanel_2_1.add(horizontalPanel_2_1);
      horizontalPanel_2_1.setBorderWidth(1);

      final HTMLPanel panel_9 = new HTMLPanel("1.1");
      horizontalPanel_2_1.add(panel_9);
      panel_9.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_10 = new HTMLPanel("Finns de nödvändiga dokument och handlingar som krävs för att uppfylla kraven på egenkontroll enligt miljöbalken?");
      horizontalPanel_2_1.add(panel_10);

      final HorizontalPanel horizontalPanel_11 = new HorizontalPanel();
      horizontalPanel_2_1.add(horizontalPanel_11);

      final RadioButton jaRadioButton_2 = new RadioButton("new-group");
      horizontalPanel_11.add(jaRadioButton_2);
      jaRadioButton_2.setText("Ja");

      final RadioButton nejRadioButton_2 = new RadioButton("new-group");
      horizontalPanel_11.add(nejRadioButton_2);
      nejRadioButton_2.setText("Nej");

      final RadioButton ejRadioButton_2 = new RadioButton("new-group");
      horizontalPanel_11.add(ejRadioButton_2);
      ejRadioButton_2.setText("Ej");

      final Image image_8 = new Image();
      horizontalPanel_11.add(image_8);
      image_8.setUrl("add-comment-yellow.gif");

      final Image image_9 = new Image();
      horizontalPanel_11.add(image_9);
      image_9.setSize("20", "20");
      image_9.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_2_1 = new VerticalPanel();
      flowPanel_2_1.add(verticalPanel_2_1);
      verticalPanel_2_1.setStyleName("checklist-atgard");
      verticalPanel_2_1.setVisible(false);

      final Label label_9 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_2_1.add(label_9);

      final HorizontalPanel horizontalPanel_12 = new HorizontalPanel();
      verticalPanel_2_1.add(horizontalPanel_12);

      final TextArea textArea_2 = new TextArea();
      horizontalPanel_12.add(textArea_2);
      textArea_2.setCharacterWidth(60);

      final Image image_10 = new Image();
      horizontalPanel_12.add(image_10);
      image_10.setSize("20", "20");
      image_10.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_2_1b = new HorizontalPanel();
      flowPanel_2_1.add(horizontalPanel_2_1b);
      horizontalPanel_2_1b.setVisible(false);
      horizontalPanel_2_1b.setBorderWidth(1);

      final HTMLPanel panel_11 = new HTMLPanel("F�r verksamheter som �r anm�lnings- eller tillst�ndspliktiga enligt milj�balken g�ller dock mer omfattande krav, framf�rallt p� dokumentation av kontrollen. Enligt f�rordning (1998:901) om verksamhetsut�vares egenkontroll ska alla anm�lnings- och tillst�ndspliktiga f�retag ut�va egenkontroll.");
      horizontalPanel_2_1b.add(panel_11);
      panel_11.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_5 = new VerticalPanel();
      horizontalPanel_2_1b.add(verticalPanel_5);

      final Image image_11 = new Image();
      verticalPanel_5.add(image_11);
      image_11.setSize("20", "20");
      image_11.setUrl("close.gif");

      final Label label_10 = new Label("---");
      verticalPanel_5.add(label_10);

      final Label label_11 = new Label("+++");
      verticalPanel_5.add(label_11);

      final FlowPanel flowPanel_2_2 = new FlowPanel();
      flowPanel_2.add(flowPanel_2_2);

      final HorizontalPanel horizontalPanel_14 = new HorizontalPanel();
      flowPanel_2_2.add(horizontalPanel_14);
      horizontalPanel_14.setBorderWidth(1);

      final HTMLPanel panel_12 = new HTMLPanel("1.2");
      horizontalPanel_14.add(panel_12);

      final HTMLPanel panel_13 = new HTMLPanel("Är det nedskrivet vem som har ansvaret för att miljölagstiftning är känd och efterlevs?");
      horizontalPanel_14.add(panel_13);

      final HorizontalPanel horizontalPanel_15 = new HorizontalPanel();
      horizontalPanel_14.add(horizontalPanel_15);

      final RadioButton jaRadioButton_3 = new RadioButton("new-group");
      horizontalPanel_15.add(jaRadioButton_3);
      jaRadioButton_3.setText("Ja");

      final RadioButton nejRadioButton_3 = new RadioButton("new-group");
      horizontalPanel_15.add(nejRadioButton_3);
      nejRadioButton_3.setText("Nej");

      final RadioButton ejRadioButton_3 = new RadioButton("new-group");
      horizontalPanel_15.add(ejRadioButton_3);
      ejRadioButton_3.setText("Ej");

      final Image image_12 = new Image();
      horizontalPanel_15.add(image_12);
      image_12.setUrl("add-comment-yellow.gif");

      final Image image_13 = new Image();
      horizontalPanel_15.add(image_13);
      image_13.setSize("20", "20");
      image_13.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_6 = new VerticalPanel();
      flowPanel_2_2.add(verticalPanel_6);
      verticalPanel_6.setStyleName("checklist-atgard");
      verticalPanel_6.setVisible(false);

      final Label label_12 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_6.add(label_12);

      final HorizontalPanel horizontalPanel_16 = new HorizontalPanel();
      verticalPanel_6.add(horizontalPanel_16);

      final TextArea textArea_3 = new TextArea();
      horizontalPanel_16.add(textArea_3);
      textArea_3.setCharacterWidth(60);

      final Image image_14 = new Image();
      horizontalPanel_16.add(image_14);
      image_14.setSize("20", "20");
      image_14.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_17 = new HorizontalPanel();
      flowPanel_2_2.add(horizontalPanel_17);
      horizontalPanel_17.setVisible(false);
      horizontalPanel_17.setBorderWidth(1);

      final HTMLPanel panel_14 = new HTMLPanel("Egenkontrollen syftar till att varje verksamhet som kan ha milj�p�verkan ska bedriva ett aktivt och f�rebyggande arbete f�r att kontrollera att ingen on�dig milj�p�verkan sker. Det kr�vs en skriftlig dokumentation av vem som ansvarar f�r att de regler som ing�r i milj�balken �r k�nda och att f�retaget lever upp till dem. Observera att anm�lningspliktiga och tillst�ndspliktiga f�retag som v�sentligt f�r�ndrar sin verksamhet (t.ex. vid byggnation, f�r�ndring av uppv�rmningsk�lla m.m.) ska anm�la detta till kommunen. \r\n\r\n");
      horizontalPanel_17.add(panel_14);

      final Image image_15 = new Image();
      horizontalPanel_17.add(image_15);
      image_15.setSize("20", "20");
      image_15.setUrl("close.gif");

      final FocusPanel focusPanel_3 = new FocusPanel();
      allman.add(focusPanel_3);
      focusPanel_3.setTitle("Inga frågor för dig på denna punkt");
      focusPanel_3.addClickListener(new ClickListener() {
         public void onClick(final Widget sender) {
            if (getFlowPanel_3().isVisible()) getFlowPanel_3().setVisible(false);
            else getFlowPanel_3().setVisible(true);
         }
      });

      final HTMLPanel panel_15 = new HTMLPanel("<i>3.  Spridning av kemiska växtskyddsmedel  </i>");
      focusPanel_3.setWidget(panel_15);
      panel_15.setStyleName("checklist-punkt-icke");
      panel_15.setSize("100%", "100%");

      flowPanel_3 = new FlowPanel();
      allman.add(flowPanel_3);
      flowPanel_3.setVisible(false);

      final HTML html = new HTML("Du uppfyller inte villkoret för att få denna fråga eftersom:\r\n- du är ansluten till KRAV\r\n");
      flowPanel_3.add(html);

      final SimplePanel simplePanel = new SimplePanel();
      allman.add(simplePanel);
      allman.setCellHeight(simplePanel, "100%");

      final VerticalPanel arbetsmiljo = new VerticalPanel();
      tabPanel.add(arbetsmiljo, "Arbetsmiljö");

      final FocusPanel focusPanel = new FocusPanel();
      arbetsmiljo.add(focusPanel);
      focusPanel.setTitle("2 obesvarade frågor");

      final HTMLPanel panel_16 = new HTMLPanel("<h4>1. Anmälnings- och tillståndsplikt</h4>");
      focusPanel.setWidget(panel_16);
      panel_16.setStyleName("checklist-punkt");
      panel_16.setSize("100%", "100%");

      final FlowPanel flowPanel = new FlowPanel();
      arbetsmiljo.add(flowPanel);
      flowPanel.setVisible(false);

      final FlowPanel flowPanel_1 = new FlowPanel();
      flowPanel.add(flowPanel_1);

      final HorizontalPanel horizontalPanel_1 = new HorizontalPanel();
      flowPanel_1.add(horizontalPanel_1);
      horizontalPanel_1.setBorderWidth(1);

      final HTMLPanel panel_17 = new HTMLPanel("1.1");
      horizontalPanel_1.add(panel_17);
      panel_17.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_18 = new HTMLPanel("Om gården är anmälningspliktig, har anmälan gjorts till kommunen?");
      horizontalPanel_1.add(panel_18);

      final HorizontalPanel horizontalPanel_4 = new HorizontalPanel();
      horizontalPanel_1.add(horizontalPanel_4);

      final RadioButton jaRadioButton_4 = new RadioButton("fraga_1_1");
      horizontalPanel_4.add(jaRadioButton_4);
      jaRadioButton_4.setText("Ja");

      final RadioButton nejRadioButton_4 = new RadioButton("fraga_1_1");
      horizontalPanel_4.add(nejRadioButton_4);
      nejRadioButton_4.setText("Nej");

      final RadioButton ejRadioButton_4 = new RadioButton("fraga_1_1");
      horizontalPanel_4.add(ejRadioButton_4);
      ejRadioButton_4.setText("Ej");

      final Image image_16 = new Image();
      horizontalPanel_4.add(image_16);
      image_16.setUrl("add-comment-yellow.gif");

      final Image image_17 = new Image();
      horizontalPanel_4.add(image_17);
      image_17.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel = new VerticalPanel();
      flowPanel_1.add(verticalPanel);
      verticalPanel.setVisible(false);
      verticalPanel.setStyleName("checklist-atgard");

      final Label label = new Label("New Label");
      verticalPanel.add(label);

      final HorizontalPanel horizontalPanel_5 = new HorizontalPanel();
      verticalPanel.add(horizontalPanel_5);

      final TextArea textArea_4 = new TextArea();
      horizontalPanel_5.add(textArea_4);
      textArea_4.setCharacterWidth(60);

      final Image image_18 = new Image();
      horizontalPanel_5.add(image_18);
      image_18.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_6 = new HorizontalPanel();
      flowPanel_1.add(horizontalPanel_6);
      horizontalPanel_6.setVisible(false);
      horizontalPanel_6.setStyleName("checklist-faktadel-panel");
      horizontalPanel_6.setBorderWidth(1);

      final HTMLPanel panel_19 = new HTMLPanel("<h4>Fakta 1.1</h4>\\r\n");
      horizontalPanel_6.add(panel_19);
      panel_19.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_2 = new VerticalPanel();
      horizontalPanel_6.add(verticalPanel_2);

      final Image image_19 = new Image();
      verticalPanel_2.add(image_19);
      image_19.setUrl("close.gif");

      final Label label_1 = new Label("---");
      verticalPanel_2.add(label_1);

      final Label label_6 = new Label("+++");
      verticalPanel_2.add(label_6);

      final FlowPanel flowPanel_4 = new FlowPanel();
      flowPanel.add(flowPanel_4);

      final HorizontalPanel horizontalPanel_9 = new HorizontalPanel();
      flowPanel_4.add(horizontalPanel_9);
      horizontalPanel_9.setBorderWidth(1);

      final HTMLPanel panel_20 = new HTMLPanel("1.2");
      horizontalPanel_9.add(panel_20);

      final HTMLPanel panel_21 = new HTMLPanel("Om gården är tillståndspliktig, har tillstånd lämnats av länsstyrelsen?");
      horizontalPanel_9.add(panel_21);

      final HorizontalPanel horizontalPanel_10 = new HorizontalPanel();
      horizontalPanel_9.add(horizontalPanel_10);

      final RadioButton jaRadioButton_5 = new RadioButton("fraga_1_2");
      horizontalPanel_10.add(jaRadioButton_5);
      jaRadioButton_5.setText("Ja");

      final RadioButton nejRadioButton_5 = new RadioButton("fraga_1_2");
      horizontalPanel_10.add(nejRadioButton_5);
      nejRadioButton_5.setText("Nej");

      final RadioButton ejRadioButton_5 = new RadioButton("fraga_1_2");
      horizontalPanel_10.add(ejRadioButton_5);
      ejRadioButton_5.setText("Ej");

      final Image image_20 = new Image();
      horizontalPanel_10.add(image_20);
      image_20.setUrl("add-comment-yellow.gif");

      final Image image_21 = new Image();
      horizontalPanel_10.add(image_21);
      image_21.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_3 = new VerticalPanel();
      flowPanel_4.add(verticalPanel_3);
      verticalPanel_3.setVisible(false);
      verticalPanel_3.setStyleName("checklist-atgard");

      final Label label_7 = new Label("New Label");
      verticalPanel_3.add(label_7);

      final HorizontalPanel horizontalPanel_13 = new HorizontalPanel();
      verticalPanel_3.add(horizontalPanel_13);

      final TextArea textArea_5 = new TextArea();
      horizontalPanel_13.add(textArea_5);
      textArea_5.setCharacterWidth(60);

      final Image image_22 = new Image();
      horizontalPanel_13.add(image_22);
      image_22.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_18 = new HorizontalPanel();
      flowPanel_4.add(horizontalPanel_18);
      horizontalPanel_18.setVisible(false);
      horizontalPanel_18.setStyleName("checklist-faktadel-panel");
      horizontalPanel_18.setBorderWidth(1);

      final HTMLPanel panel_22 = new HTMLPanel("<P> Djurhållning över 100 djurenheter\r\n");
      horizontalPanel_18.add(panel_22);

      final Image image_23 = new Image();
      horizontalPanel_18.add(image_23);
      image_23.setUrl("close.gif");

      final FocusPanel focusPanel_1 = new FocusPanel();
      arbetsmiljo.add(focusPanel_1);
      focusPanel_1.setTitle("2 obesvarade frågor");

      final HTMLPanel panel_23 = new HTMLPanel("<h4>2.  Egenkontroll av miljöpåverkan </h4>");
      focusPanel_1.setWidget(panel_23);
      panel_23.setStyleName("checklist-punkt");
      panel_23.setSize("100%", "100%");

      final FlowPanel flowPanel_5 = new FlowPanel();
      arbetsmiljo.add(flowPanel_5);
      flowPanel_5.setVisible(false);

      final FlowPanel flowPanel_6 = new FlowPanel();
      flowPanel_5.add(flowPanel_6);

      final HorizontalPanel horizontalPanel_19 = new HorizontalPanel();
      flowPanel_6.add(horizontalPanel_19);
      horizontalPanel_19.setBorderWidth(1);

      final HTMLPanel panel_24 = new HTMLPanel("1.1");
      horizontalPanel_19.add(panel_24);
      panel_24.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_25 = new HTMLPanel("Finns de nödvändiga dokument och handlingar som krävs för att uppfylla kraven på egenkontroll enligt miljöbalken?");
      horizontalPanel_19.add(panel_25);

      final HorizontalPanel horizontalPanel_20 = new HorizontalPanel();
      horizontalPanel_19.add(horizontalPanel_20);

      final RadioButton jaRadioButton_6 = new RadioButton("new-group");
      horizontalPanel_20.add(jaRadioButton_6);
      jaRadioButton_6.setText("Ja");

      final RadioButton nejRadioButton_6 = new RadioButton("new-group");
      horizontalPanel_20.add(nejRadioButton_6);
      nejRadioButton_6.setText("Nej");

      final RadioButton ejRadioButton_6 = new RadioButton("new-group");
      horizontalPanel_20.add(ejRadioButton_6);
      ejRadioButton_6.setText("Ej");

      final Image image_24 = new Image();
      horizontalPanel_20.add(image_24);
      image_24.setUrl("add-comment-yellow.gif");

      final Image image_25 = new Image();
      horizontalPanel_20.add(image_25);
      image_25.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_4 = new VerticalPanel();
      flowPanel_6.add(verticalPanel_4);
      verticalPanel_4.setVisible(false);
      verticalPanel_4.setStyleName("checklist-atgard");

      final Label label_8 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_4.add(label_8);

      final HorizontalPanel horizontalPanel_21 = new HorizontalPanel();
      verticalPanel_4.add(horizontalPanel_21);

      final TextArea textArea_6 = new TextArea();
      horizontalPanel_21.add(textArea_6);
      textArea_6.setCharacterWidth(60);

      final Image image_26 = new Image();
      horizontalPanel_21.add(image_26);
      image_26.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_22 = new HorizontalPanel();
      flowPanel_6.add(horizontalPanel_22);
      horizontalPanel_22.setVisible(false);
      horizontalPanel_22.setBorderWidth(1);

      final HTMLPanel panel_26 = new HTMLPanel("F�r .");
      horizontalPanel_22.add(panel_26);
      panel_26.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_7 = new VerticalPanel();
      horizontalPanel_22.add(verticalPanel_7);

      final Image image_27 = new Image();
      verticalPanel_7.add(image_27);
      image_27.setUrl("close.gif");

      final Label label_13 = new Label("---");
      verticalPanel_7.add(label_13);

      final Label label_14 = new Label("+++");
      verticalPanel_7.add(label_14);

      final FlowPanel flowPanel_7 = new FlowPanel();
      flowPanel_5.add(flowPanel_7);

      final HorizontalPanel horizontalPanel_23 = new HorizontalPanel();
      flowPanel_7.add(horizontalPanel_23);
      horizontalPanel_23.setBorderWidth(1);

      final HTMLPanel panel_27 = new HTMLPanel("1.2");
      horizontalPanel_23.add(panel_27);

      final HTMLPanel panel_28 = new HTMLPanel("Är det nedskrivet vem som har ansvaret för att miljölagstiftning är känd och efterlevs?");
      horizontalPanel_23.add(panel_28);

      final HorizontalPanel horizontalPanel_24 = new HorizontalPanel();
      horizontalPanel_23.add(horizontalPanel_24);

      final RadioButton jaRadioButton_7 = new RadioButton("new-group");
      horizontalPanel_24.add(jaRadioButton_7);
      jaRadioButton_7.setText("Ja");

      final RadioButton nejRadioButton_7 = new RadioButton("new-group");
      horizontalPanel_24.add(nejRadioButton_7);
      nejRadioButton_7.setText("Nej");

      final RadioButton ejRadioButton_7 = new RadioButton("new-group");
      horizontalPanel_24.add(ejRadioButton_7);
      ejRadioButton_7.setText("Ej");

      final Image image_28 = new Image();
      horizontalPanel_24.add(image_28);
      image_28.setUrl("add-comment-yellow.gif");

      final Image image_29 = new Image();
      horizontalPanel_24.add(image_29);
      image_29.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_8 = new VerticalPanel();
      flowPanel_7.add(verticalPanel_8);
      verticalPanel_8.setVisible(false);
      verticalPanel_8.setStyleName("checklist-atgard");

      final Label label_15 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_8.add(label_15);

      final HorizontalPanel horizontalPanel_25 = new HorizontalPanel();
      verticalPanel_8.add(horizontalPanel_25);

      final TextArea textArea_7 = new TextArea();
      horizontalPanel_25.add(textArea_7);
      textArea_7.setCharacterWidth(60);

      final Image image_30 = new Image();
      horizontalPanel_25.add(image_30);
      image_30.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_26 = new HorizontalPanel();
      flowPanel_7.add(horizontalPanel_26);
      horizontalPanel_26.setVisible(false);
      horizontalPanel_26.setBorderWidth(1);

      final HTMLPanel panel_29 = new HTMLPanel("kommunen. \r\n\r\n");
      horizontalPanel_26.add(panel_29);

      final Image image_31 = new Image();
      horizontalPanel_26.add(image_31);
      image_31.setUrl("close.gif");

      final FocusPanel focusPanel_4 = new FocusPanel();
      arbetsmiljo.add(focusPanel_4);
      focusPanel_4.setTitle("Inga frågor för dig på denna punkt");

      final HTMLPanel panel_30 = new HTMLPanel("<i>3.  Spridning av kemiska växtskyddsmedel  </i>");
      focusPanel_4.setWidget(panel_30);
      panel_30.setStyleName("checklist-punkt-icke");
      panel_30.setSize("100%", "100%");

      final FlowPanel flowPanel_8 = new FlowPanel();
      arbetsmiljo.add(flowPanel_8);
      flowPanel_8.setVisible(false);

      final HTML html_1 = new HTML("Du uppfyller inte villkoret för att få denna fråga eftersom:\r\n- du är ansluten till KRAV\r\n");
      flowPanel_8.add(html_1);

      final SimplePanel simplePanel_2 = new SimplePanel();
      arbetsmiljo.add(simplePanel_2);

      final VerticalPanel vaxtodling = new VerticalPanel();
      tabPanel.add(vaxtodling, "Växtodling");

      final FocusPanel focusPanel_5 = new FocusPanel();
      vaxtodling.add(focusPanel_5);
      focusPanel_5.setTitle("2 obesvarade frågor");

      final HTMLPanel panel_31 = new HTMLPanel("<h4>1. Anmälnings- och tillståndsplikt</h4>");
      focusPanel_5.setWidget(panel_31);
      panel_31.setStyleName("checklist-punkt");
      panel_31.setSize("100%", "100%");

      final FlowPanel flowPanel_9 = new FlowPanel();
      vaxtodling.add(flowPanel_9);
      flowPanel_9.setVisible(false);

      final FlowPanel flowPanel_10 = new FlowPanel();
      flowPanel_9.add(flowPanel_10);

      final HorizontalPanel horizontalPanel_27 = new HorizontalPanel();
      flowPanel_10.add(horizontalPanel_27);
      horizontalPanel_27.setBorderWidth(1);

      final HTMLPanel panel_32 = new HTMLPanel("1.1");
      horizontalPanel_27.add(panel_32);
      panel_32.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_33 = new HTMLPanel("Om gården är anmälningspliktig, har anmälan gjorts till kommunen?");
      horizontalPanel_27.add(panel_33);

      final HorizontalPanel horizontalPanel_28 = new HorizontalPanel();
      horizontalPanel_27.add(horizontalPanel_28);

      final RadioButton jaRadioButton_8 = new RadioButton("fraga_1_1");
      horizontalPanel_28.add(jaRadioButton_8);
      jaRadioButton_8.setText("Ja");

      final RadioButton nejRadioButton_8 = new RadioButton("fraga_1_1");
      horizontalPanel_28.add(nejRadioButton_8);
      nejRadioButton_8.setText("Nej");

      final RadioButton ejRadioButton_8 = new RadioButton("fraga_1_1");
      horizontalPanel_28.add(ejRadioButton_8);
      ejRadioButton_8.setText("Ej");

      final Image image_32 = new Image();
      horizontalPanel_28.add(image_32);
      image_32.setUrl("add-comment-yellow.gif");

      final Image image_33 = new Image();
      horizontalPanel_28.add(image_33);
      image_33.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_9 = new VerticalPanel();
      flowPanel_10.add(verticalPanel_9);
      verticalPanel_9.setVisible(false);
      verticalPanel_9.setStyleName("checklist-atgard");

      final Label label_16 = new Label("New Label");
      verticalPanel_9.add(label_16);

      final HorizontalPanel horizontalPanel_29 = new HorizontalPanel();
      verticalPanel_9.add(horizontalPanel_29);

      final TextArea textArea_8 = new TextArea();
      horizontalPanel_29.add(textArea_8);
      textArea_8.setCharacterWidth(60);

      final Image image_34 = new Image();
      horizontalPanel_29.add(image_34);
      image_34.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_30 = new HorizontalPanel();
      flowPanel_10.add(horizontalPanel_30);
      horizontalPanel_30.setVisible(false);
      horizontalPanel_30.setStyleName("checklist-faktadel-panel");
      horizontalPanel_30.setBorderWidth(1);

      final HTMLPanel panel_34 = new HTMLPanel("<h4>n");
      horizontalPanel_30.add(panel_34);
      panel_34.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_10 = new VerticalPanel();
      horizontalPanel_30.add(verticalPanel_10);

      final Image image_35 = new Image();
      verticalPanel_10.add(image_35);
      image_35.setUrl("close.gif");

      final Label label_17 = new Label("---");
      verticalPanel_10.add(label_17);

      final Label label_18 = new Label("+++");
      verticalPanel_10.add(label_18);

      final FlowPanel flowPanel_11 = new FlowPanel();
      flowPanel_9.add(flowPanel_11);

      final HorizontalPanel horizontalPanel_31 = new HorizontalPanel();
      flowPanel_11.add(horizontalPanel_31);
      horizontalPanel_31.setBorderWidth(1);

      final HTMLPanel panel_35 = new HTMLPanel("1.2");
      horizontalPanel_31.add(panel_35);

      final HTMLPanel panel_36 = new HTMLPanel("Om gården är tillståndspliktig, har tillstånd lämnats av länsstyrelsen?");
      horizontalPanel_31.add(panel_36);

      final HorizontalPanel horizontalPanel_32 = new HorizontalPanel();
      horizontalPanel_31.add(horizontalPanel_32);

      final RadioButton jaRadioButton_9 = new RadioButton("fraga_1_2");
      horizontalPanel_32.add(jaRadioButton_9);
      jaRadioButton_9.setText("Ja");

      final RadioButton nejRadioButton_9 = new RadioButton("fraga_1_2");
      horizontalPanel_32.add(nejRadioButton_9);
      nejRadioButton_9.setText("Nej");

      final RadioButton ejRadioButton_9 = new RadioButton("fraga_1_2");
      horizontalPanel_32.add(ejRadioButton_9);
      ejRadioButton_9.setText("Ej");

      final Image image_36 = new Image();
      horizontalPanel_32.add(image_36);
      image_36.setUrl("add-comment-yellow.gif");

      final Image image_37 = new Image();
      horizontalPanel_32.add(image_37);
      image_37.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_11 = new VerticalPanel();
      flowPanel_11.add(verticalPanel_11);
      verticalPanel_11.setVisible(false);
      verticalPanel_11.setStyleName("checklist-atgard");

      final Label label_19 = new Label("New Label");
      verticalPanel_11.add(label_19);

      final HorizontalPanel horizontalPanel_33 = new HorizontalPanel();
      verticalPanel_11.add(horizontalPanel_33);

      final TextArea textArea_9 = new TextArea();
      horizontalPanel_33.add(textArea_9);
      textArea_9.setCharacterWidth(60);

      final Image image_38 = new Image();
      horizontalPanel_33.add(image_38);
      image_38.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_34 = new HorizontalPanel();
      flowPanel_11.add(horizontalPanel_34);
      horizontalPanel_34.setVisible(false);
      horizontalPanel_34.setStyleName("checklist-faktadel-panel");
      horizontalPanel_34.setBorderWidth(1);

      final HTMLPanel panel_37 = new HTMLPanel("<P> Djurhållning över 100 .</p>\r\n");
      horizontalPanel_34.add(panel_37);

      final Image image_39 = new Image();
      horizontalPanel_34.add(image_39);
      image_39.setUrl("close.gif");

      final FocusPanel focusPanel_6 = new FocusPanel();
      vaxtodling.add(focusPanel_6);
      focusPanel_6.setTitle("2 obesvarade frågor");

      final HTMLPanel panel_38 = new HTMLPanel("<h4>2.  Egenkontroll av miljöpåverkan </h4>");
      focusPanel_6.setWidget(panel_38);
      panel_38.setStyleName("checklist-punkt");
      panel_38.setSize("100%", "100%");

      final FlowPanel flowPanel_12 = new FlowPanel();
      vaxtodling.add(flowPanel_12);
      flowPanel_12.setVisible(false);

      final FlowPanel flowPanel_13 = new FlowPanel();
      flowPanel_12.add(flowPanel_13);

      final HorizontalPanel horizontalPanel_35 = new HorizontalPanel();
      flowPanel_13.add(horizontalPanel_35);
      horizontalPanel_35.setBorderWidth(1);

      final HTMLPanel panel_39 = new HTMLPanel("1.1");
      horizontalPanel_35.add(panel_39);
      panel_39.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_40 = new HTMLPanel("Finns de nödvändiga dokument och handlingar som krävs för att uppfylla kraven på egenkontroll enligt miljöbalken?");
      horizontalPanel_35.add(panel_40);

      final HorizontalPanel horizontalPanel_36 = new HorizontalPanel();
      horizontalPanel_35.add(horizontalPanel_36);

      final RadioButton jaRadioButton_10 = new RadioButton("new-group");
      horizontalPanel_36.add(jaRadioButton_10);
      jaRadioButton_10.setText("Ja");

      final RadioButton nejRadioButton_10 = new RadioButton("new-group");
      horizontalPanel_36.add(nejRadioButton_10);
      nejRadioButton_10.setText("Nej");

      final RadioButton ejRadioButton_10 = new RadioButton("new-group");
      horizontalPanel_36.add(ejRadioButton_10);
      ejRadioButton_10.setText("Ej");

      final Image image_40 = new Image();
      horizontalPanel_36.add(image_40);
      image_40.setUrl("add-comment-yellow.gif");

      final Image image_41 = new Image();
      horizontalPanel_36.add(image_41);
      image_41.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_12 = new VerticalPanel();
      flowPanel_13.add(verticalPanel_12);
      verticalPanel_12.setVisible(false);
      verticalPanel_12.setStyleName("checklist-atgard");

      final Label label_20 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_12.add(label_20);

      final HorizontalPanel horizontalPanel_37 = new HorizontalPanel();
      verticalPanel_12.add(horizontalPanel_37);

      final TextArea textArea_10 = new TextArea();
      horizontalPanel_37.add(textArea_10);
      textArea_10.setCharacterWidth(60);

      final Image image_42 = new Image();
      horizontalPanel_37.add(image_42);
      image_42.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_38 = new HorizontalPanel();
      flowPanel_13.add(horizontalPanel_38);
      horizontalPanel_38.setVisible(false);
      horizontalPanel_38.setBorderWidth(1);

      final HTMLPanel panel_41 = new HTMLPanel("F�r troll.");
      horizontalPanel_38.add(panel_41);
      panel_41.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_13 = new VerticalPanel();
      horizontalPanel_38.add(verticalPanel_13);

      final Image image_43 = new Image();
      verticalPanel_13.add(image_43);
      image_43.setUrl("close.gif");

      final Label label_21 = new Label("---");
      verticalPanel_13.add(label_21);

      final Label label_22 = new Label("+++");
      verticalPanel_13.add(label_22);

      final FlowPanel flowPanel_14 = new FlowPanel();
      flowPanel_12.add(flowPanel_14);

      final HorizontalPanel horizontalPanel_39 = new HorizontalPanel();
      flowPanel_14.add(horizontalPanel_39);
      horizontalPanel_39.setBorderWidth(1);

      final HTMLPanel panel_42 = new HTMLPanel("1.2");
      horizontalPanel_39.add(panel_42);

      final HTMLPanel panel_43 = new HTMLPanel("Är det nedskrivet vem som har ansvaret för att miljölagstiftning är känd och efterlevs?");
      horizontalPanel_39.add(panel_43);

      final HorizontalPanel horizontalPanel_40 = new HorizontalPanel();
      horizontalPanel_39.add(horizontalPanel_40);

      final RadioButton jaRadioButton_11 = new RadioButton("new-group");
      horizontalPanel_40.add(jaRadioButton_11);
      jaRadioButton_11.setText("Ja");

      final RadioButton nejRadioButton_11 = new RadioButton("new-group");
      horizontalPanel_40.add(nejRadioButton_11);
      nejRadioButton_11.setText("Nej");

      final RadioButton ejRadioButton_11 = new RadioButton("new-group");
      horizontalPanel_40.add(ejRadioButton_11);
      ejRadioButton_11.setText("Ej");

      final Image image_44 = new Image();
      horizontalPanel_40.add(image_44);
      image_44.setUrl("add-comment-yellow.gif");

      final Image image_45 = new Image();
      horizontalPanel_40.add(image_45);
      image_45.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_14 = new VerticalPanel();
      flowPanel_14.add(verticalPanel_14);
      verticalPanel_14.setVisible(false);
      verticalPanel_14.setStyleName("checklist-atgard");

      final Label label_23 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_14.add(label_23);

      final HorizontalPanel horizontalPanel_41 = new HorizontalPanel();
      verticalPanel_14.add(horizontalPanel_41);

      final TextArea textArea_11 = new TextArea();
      horizontalPanel_41.add(textArea_11);
      textArea_11.setCharacterWidth(60);

      final Image image_46 = new Image();
      horizontalPanel_41.add(image_46);
      image_46.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_42 = new HorizontalPanel();
      flowPanel_14.add(horizontalPanel_42);
      horizontalPanel_42.setVisible(false);
      horizontalPanel_42.setBorderWidth(1);

      final HTMLPanel panel_44 = new HTMLPanel(". \r\n\r\n");
      horizontalPanel_42.add(panel_44);

      final Image image_47 = new Image();
      horizontalPanel_42.add(image_47);
      image_47.setUrl("close.gif");

      final FocusPanel focusPanel_7 = new FocusPanel();
      vaxtodling.add(focusPanel_7);
      focusPanel_7.setTitle("Inga frågor för dig på denna punkt");

      final HTMLPanel panel_45 = new HTMLPanel("<i>3.  Spridning av kemiska växtskyddsmedel  </i>");
      focusPanel_7.setWidget(panel_45);
      panel_45.setStyleName("checklist-punkt-icke");
      panel_45.setSize("100%", "100%");

      final FlowPanel flowPanel_15 = new FlowPanel();
      vaxtodling.add(flowPanel_15);
      flowPanel_15.setVisible(false);

      final HTML html_2 = new HTML("Du uppfyller inte villkoret för att få denna fråga eftersom:\r\n- du är ansluten till KRAV\r\n");
      flowPanel_15.add(html_2);

      final SimplePanel simplePanel_3 = new SimplePanel();
      vaxtodling.add(simplePanel_3);

      final VerticalPanel djur = new VerticalPanel();
      tabPanel.add(djur, "Djurhållning");

      final FocusPanel focusPanel_8 = new FocusPanel();
      djur.add(focusPanel_8);
      focusPanel_8.setTitle("2 obesvarade frågor");

      final HTMLPanel panel_46 = new HTMLPanel("<h4>1. Anmälnings- och tillståndsplikt</h4>");
      focusPanel_8.setWidget(panel_46);
      panel_46.setStyleName("checklist-punkt");
      panel_46.setSize("100%", "100%");

      final FlowPanel flowPanel_16 = new FlowPanel();
      djur.add(flowPanel_16);
      flowPanel_16.setVisible(false);

      final FlowPanel flowPanel_17 = new FlowPanel();
      flowPanel_16.add(flowPanel_17);

      final HorizontalPanel horizontalPanel_43 = new HorizontalPanel();
      flowPanel_17.add(horizontalPanel_43);
      horizontalPanel_43.setBorderWidth(1);

      final HTMLPanel panel_47 = new HTMLPanel("1.1");
      horizontalPanel_43.add(panel_47);
      panel_47.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_48 = new HTMLPanel("Om gården är anmälningspliktig, har anmälan gjorts till kommunen?");
      horizontalPanel_43.add(panel_48);

      final HorizontalPanel horizontalPanel_44 = new HorizontalPanel();
      horizontalPanel_43.add(horizontalPanel_44);

      final RadioButton jaRadioButton_12 = new RadioButton("fraga_1_1");
      horizontalPanel_44.add(jaRadioButton_12);
      jaRadioButton_12.setText("Ja");

      final RadioButton nejRadioButton_12 = new RadioButton("fraga_1_1");
      horizontalPanel_44.add(nejRadioButton_12);
      nejRadioButton_12.setText("Nej");

      final RadioButton ejRadioButton_12 = new RadioButton("fraga_1_1");
      horizontalPanel_44.add(ejRadioButton_12);
      ejRadioButton_12.setText("Ej");

      final Image image_48 = new Image();
      horizontalPanel_44.add(image_48);
      image_48.setUrl("add-comment-yellow.gif");

      final Image image_49 = new Image();
      horizontalPanel_44.add(image_49);
      image_49.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_15 = new VerticalPanel();
      flowPanel_17.add(verticalPanel_15);
      verticalPanel_15.setVisible(false);
      verticalPanel_15.setStyleName("checklist-atgard");

      final Label label_24 = new Label("New Label");
      verticalPanel_15.add(label_24);

      final HorizontalPanel horizontalPanel_45 = new HorizontalPanel();
      verticalPanel_15.add(horizontalPanel_45);

      final TextArea textArea_12 = new TextArea();
      horizontalPanel_45.add(textArea_12);
      textArea_12.setCharacterWidth(60);

      final Image image_50 = new Image();
      horizontalPanel_45.add(image_50);
      image_50.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_46 = new HorizontalPanel();
      flowPanel_17.add(horizontalPanel_46);
      horizontalPanel_46.setVisible(false);
      horizontalPanel_46.setStyleName("checklist-faktadel-panel");
      horizontalPanel_46.setBorderWidth(1);

      final HTMLPanel panel_49 = new HTMLPanel("<h4>behandlas ");
      horizontalPanel_46.add(panel_49);
      panel_49.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_16 = new VerticalPanel();
      horizontalPanel_46.add(verticalPanel_16);

      final Image image_51 = new Image();
      verticalPanel_16.add(image_51);
      image_51.setUrl("close.gif");

      final Label label_25 = new Label("---");
      verticalPanel_16.add(label_25);

      final Label label_26 = new Label("+++");
      verticalPanel_16.add(label_26);

      final FlowPanel flowPanel_18 = new FlowPanel();
      flowPanel_16.add(flowPanel_18);

      final HorizontalPanel horizontalPanel_47 = new HorizontalPanel();
      flowPanel_18.add(horizontalPanel_47);
      horizontalPanel_47.setBorderWidth(1);

      final HTMLPanel panel_50 = new HTMLPanel("1.2");
      horizontalPanel_47.add(panel_50);

      final HTMLPanel panel_51 = new HTMLPanel("Om gården är tillståndspliktig, har tillstånd lämnats av länsstyrelsen?");
      horizontalPanel_47.add(panel_51);

      final HorizontalPanel horizontalPanel_48 = new HorizontalPanel();
      horizontalPanel_47.add(horizontalPanel_48);

      final RadioButton jaRadioButton_13 = new RadioButton("fraga_1_2");
      horizontalPanel_48.add(jaRadioButton_13);
      jaRadioButton_13.setText("Ja");

      final RadioButton nejRadioButton_13 = new RadioButton("fraga_1_2");
      horizontalPanel_48.add(nejRadioButton_13);
      nejRadioButton_13.setText("Nej");

      final RadioButton ejRadioButton_13 = new RadioButton("fraga_1_2");
      horizontalPanel_48.add(ejRadioButton_13);
      ejRadioButton_13.setText("Ej");

      final Image image_52 = new Image();
      horizontalPanel_48.add(image_52);
      image_52.setUrl("add-comment-yellow.gif");

      final Image image_53 = new Image();
      horizontalPanel_48.add(image_53);
      image_53.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_17 = new VerticalPanel();
      flowPanel_18.add(verticalPanel_17);
      verticalPanel_17.setVisible(false);
      verticalPanel_17.setStyleName("checklist-atgard");

      final Label label_27 = new Label("New Label");
      verticalPanel_17.add(label_27);

      final HorizontalPanel horizontalPanel_49 = new HorizontalPanel();
      verticalPanel_17.add(horizontalPanel_49);

      final TextArea textArea_13 = new TextArea();
      horizontalPanel_49.add(textArea_13);
      textArea_13.setCharacterWidth(60);

      final Image image_54 = new Image();
      horizontalPanel_49.add(image_54);
      image_54.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_50 = new HorizontalPanel();
      flowPanel_18.add(horizontalPanel_50);
      horizontalPanel_50.setVisible(false);
      horizontalPanel_50.setStyleName("checklist-faktadel-panel");
      horizontalPanel_50.setBorderWidth(1);

      final HTMLPanel panel_52 = new HTMLPanel("<P> Djurhållning över 100 djurenheter </p>\r\n");
      horizontalPanel_50.add(panel_52);

      final Image image_55 = new Image();
      horizontalPanel_50.add(image_55);
      image_55.setUrl("close.gif");

      final FocusPanel focusPanel_9 = new FocusPanel();
      djur.add(focusPanel_9);
      focusPanel_9.setTitle("2 obesvarade frågor");

      final HTMLPanel panel_53 = new HTMLPanel("<h4>2.  Egenkontroll av miljöpåverkan </h4>");
      focusPanel_9.setWidget(panel_53);
      panel_53.setStyleName("checklist-punkt");
      panel_53.setSize("100%", "100%");

      final FlowPanel flowPanel_19 = new FlowPanel();
      djur.add(flowPanel_19);
      flowPanel_19.setVisible(false);

      final FlowPanel flowPanel_20 = new FlowPanel();
      flowPanel_19.add(flowPanel_20);

      final HorizontalPanel horizontalPanel_51 = new HorizontalPanel();
      flowPanel_20.add(horizontalPanel_51);
      horizontalPanel_51.setBorderWidth(1);

      final HTMLPanel panel_54 = new HTMLPanel("1.1");
      horizontalPanel_51.add(panel_54);
      panel_54.setStyleName("checklist-question-number-yes");

      final HTMLPanel panel_55 = new HTMLPanel("Finns de nödvändiga dokument och handlingar som krävs för att uppfylla kraven på egenkontroll enligt miljöbalken?");
      horizontalPanel_51.add(panel_55);

      final HorizontalPanel horizontalPanel_52 = new HorizontalPanel();
      horizontalPanel_51.add(horizontalPanel_52);

      final RadioButton jaRadioButton_14 = new RadioButton("new-group");
      horizontalPanel_52.add(jaRadioButton_14);
      jaRadioButton_14.setText("Ja");

      final RadioButton nejRadioButton_14 = new RadioButton("new-group");
      horizontalPanel_52.add(nejRadioButton_14);
      nejRadioButton_14.setText("Nej");

      final RadioButton ejRadioButton_14 = new RadioButton("new-group");
      horizontalPanel_52.add(ejRadioButton_14);
      ejRadioButton_14.setText("Ej");

      final Image image_56 = new Image();
      horizontalPanel_52.add(image_56);
      image_56.setUrl("add-comment-yellow.gif");

      final Image image_57 = new Image();
      horizontalPanel_52.add(image_57);
      image_57.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_18 = new VerticalPanel();
      flowPanel_20.add(verticalPanel_18);
      verticalPanel_18.setVisible(false);
      verticalPanel_18.setStyleName("checklist-atgard");

      final Label label_28 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_18.add(label_28);

      final HorizontalPanel horizontalPanel_53 = new HorizontalPanel();
      verticalPanel_18.add(horizontalPanel_53);

      final TextArea textArea_14 = new TextArea();
      horizontalPanel_53.add(textArea_14);
      textArea_14.setCharacterWidth(60);

      final Image image_58 = new Image();
      horizontalPanel_53.add(image_58);
      image_58.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_54 = new HorizontalPanel();
      flowPanel_20.add(horizontalPanel_54);
      horizontalPanel_54.setVisible(false);
      horizontalPanel_54.setBorderWidth(1);

      final HTMLPanel panel_56 = new HTMLPanel("F�r �.");
      horizontalPanel_54.add(panel_56);
      panel_56.setStylePrimaryName("checklist-faktadel-normal");

      final VerticalPanel verticalPanel_19 = new VerticalPanel();
      horizontalPanel_54.add(verticalPanel_19);

      final Image image_59 = new Image();
      verticalPanel_19.add(image_59);
      image_59.setUrl("close.gif");

      final Label label_29 = new Label("---");
      verticalPanel_19.add(label_29);

      final Label label_30 = new Label("+++");
      verticalPanel_19.add(label_30);

      final FlowPanel flowPanel_21 = new FlowPanel();
      flowPanel_19.add(flowPanel_21);

      final HorizontalPanel horizontalPanel_55 = new HorizontalPanel();
      flowPanel_21.add(horizontalPanel_55);
      horizontalPanel_55.setBorderWidth(1);

      final HTMLPanel panel_57 = new HTMLPanel("1.2");
      horizontalPanel_55.add(panel_57);

      final HTMLPanel panel_58 = new HTMLPanel("Är det nedskrivet vem som har ansvaret för att miljölagstiftning är känd och efterlevs?");
      horizontalPanel_55.add(panel_58);

      final HorizontalPanel horizontalPanel_56 = new HorizontalPanel();
      horizontalPanel_55.add(horizontalPanel_56);

      final RadioButton jaRadioButton_15 = new RadioButton("new-group");
      horizontalPanel_56.add(jaRadioButton_15);
      jaRadioButton_15.setText("Ja");

      final RadioButton nejRadioButton_15 = new RadioButton("new-group");
      horizontalPanel_56.add(nejRadioButton_15);
      nejRadioButton_15.setText("Nej");

      final RadioButton ejRadioButton_15 = new RadioButton("new-group");
      horizontalPanel_56.add(ejRadioButton_15);
      ejRadioButton_15.setText("Ej");

      final Image image_60 = new Image();
      horizontalPanel_56.add(image_60);
      image_60.setUrl("add-comment-yellow.gif");

      final Image image_61 = new Image();
      horizontalPanel_56.add(image_61);
      image_61.setUrl("info-icon.jpg");

      final VerticalPanel verticalPanel_20 = new VerticalPanel();
      flowPanel_21.add(verticalPanel_20);
      verticalPanel_20.setVisible(false);
      verticalPanel_20.setStyleName("checklist-atgard");

      final Label label_31 = new Label("L�gg till �tg�rd/kommentar:");
      verticalPanel_20.add(label_31);

      final HorizontalPanel horizontalPanel_57 = new HorizontalPanel();
      verticalPanel_20.add(horizontalPanel_57);

      final TextArea textArea_15 = new TextArea();
      horizontalPanel_57.add(textArea_15);
      textArea_15.setCharacterWidth(60);

      final Image image_62 = new Image();
      horizontalPanel_57.add(image_62);
      image_62.setUrl("close.gif");

      final HorizontalPanel horizontalPanel_58 = new HorizontalPanel();
      flowPanel_21.add(horizontalPanel_58);
      horizontalPanel_58.setVisible(false);
      horizontalPanel_58.setBorderWidth(1);

      final HTMLPanel panel_59 = new HTMLPanel("Egenkontrollen ... kommunen. \r\n\r\n");
      horizontalPanel_58.add(panel_59);

      final Image image_63 = new Image();
      horizontalPanel_58.add(image_63);
      image_63.setUrl("close.gif");

      final FocusPanel focusPanel_10 = new FocusPanel();
      djur.add(focusPanel_10);
      focusPanel_10.setTitle("Inga frågor för dig på denna punkt");

      final HTMLPanel panel_60 = new HTMLPanel("<i>3.  Spridning av kemiska växtskyddsmedel  </i>");
      focusPanel_10.setWidget(panel_60);
      panel_60.setStyleName("checklist-punkt-icke");
      panel_60.setSize("100%", "100%");

      final FlowPanel flowPanel_22 = new FlowPanel();
      djur.add(flowPanel_22);
      flowPanel_22.setVisible(false);

      final HTML html_3 = new HTML("Du uppfyller inte villkoret för att få denna fråga eftersom:\r\n- du är ansluten till KRAV\r\n");
      flowPanel_22.add(html_3);

      final SimplePanel simplePanel_4 = new SimplePanel();
      djur.add(simplePanel_4);

      final VerticalPanel verticalPanel_21 = new VerticalPanel();
      tabPanel.add(verticalPanel_21, "Tab");
      verticalPanel_21.setWidth("100%");

      final HTML html_4 = new HTML("Du har genomfört Miljöhusesyn 2008");
      verticalPanel_21.add(html_4);

      final FlexTable flexTable = new FlexTable();
      verticalPanel_21.add(flexTable);
      verticalPanel_21.setCellWidth(flexTable, "100%");
      flexTable.getCellFormatter().setWidth(-1, -1, "532px");
      tabPanel.selectTab(0);
   }
   protected HorizontalPanel getFaktadel_1_1b() {
      return faktadel_1_1b;
   }
   protected HTMLPanel getQNum() {
      return panel;
   }
   public FlowPanel getFlowPanel_2_1() {
      return flowPanel_2_1;
   }
   public FlowPanel getFlowPanel_2() {
      return flowPanel_2;
   }
   public FlowPanel getPunktPanel_1() {
      return punktPanel_1;
   }
   public FlowPanel getFlowPanel_3() {
      return flowPanel_3;
   }
   protected HTMLPanel getPanel_4() {
      return panel_4;
   }
   protected HTMLPanel getPanel_8() {
      return panel_8;
   }
}

[peterblazejewicz]

hi Oscar,

are you on Windows by chance? if you are then GWTD uses IExplore under-the-hood and you are experiencing its slowness when dealing with GWT (toolkit) UI elements based on Grids and constructed with DOM object creation (see google group about rendering issues with grids and IExplore).
If you are on Windows and you have complex design in one single view you can split design into separate view, For example write custom view implementation based on Composite (as advised in GWTD docs) and wrap your panels into it. When designing in GWTD such single view you can fill it with "design" only data so you actually see how it will work in complex view using "factory" objects and !isDesignTime() GWTD implementation:
viewtopic.php?f=11&t=1737&p=6161&hilit=wbp.factory#p6161
viewtopic.php?f=11&t=1857&st=0&sk=t&sd=a&hilit=isDesignTime&start=0#p6897

or simply never preview your complex view in GWTD "Design" editor view but run application in hosted mode for that (at least you can hit run/refresh and switch back to Eclipse to work with code untill view is drawn in browser),

regards,
Peter

[d1jussi]

Thanks,

I have started to separate my app into different composites, and it has made a big difference already.

Regards,
Oscar

[Eric Clayberg]

I have started to separate my app into different composites, and it has made a big difference already.

Good.

There is a good discussion of using custom widgets (composites) in the Designer FAQ and docs.

Pay special attention to the use of isDesignTime().