]> git.lizzy.rs Git - dragonfireclient.git/blobdiff - src/gui/guiFormSpecMenu.cpp
Formspec: draw order and clipping for all elements (#8740)
[dragonfireclient.git] / src / gui / guiFormSpecMenu.cpp
index 948ee40305aeb0f3a9a1ac05352b9aac1f074093..11c1e36b2faa3f3ca0918e5124999267386ed30d 100644 (file)
@@ -24,18 +24,17 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 #include <sstream>
 #include <limits>
 #include "guiFormSpecMenu.h"
-#include "guiTable.h"
 #include "constants.h"
 #include "gamedef.h"
-#include "keycode.h"
+#include "client/keycode.h"
 #include "util/strfnd.h"
+#include <IGUIButton.h>
 #include <IGUICheckBox.h>
+#include <IGUIComboBox.h>
 #include <IGUIEditBox.h>
-#include <IGUIButton.h>
 #include <IGUIStaticText.h>
 #include <IGUIFont.h>
 #include <IGUITabControl.h>
-#include <IGUIComboBox.h>
 #include "client/renderingengine.h"
 #include "log.h"
 #include "client/tile.h" // ITextureSource
@@ -47,15 +46,22 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 #include "mainmenumanager.h"
 #include "porting.h"
 #include "settings.h"
-#include "client.h"
-#include "fontengine.h"
+#include "client/client.h"
+#include "client/fontengine.h"
 #include "util/hex.h"
 #include "util/numeric.h"
 #include "util/string.h" // for parseColorString()
 #include "irrlicht_changes/static_text.h"
-#include "guiscalingfilter.h"
+#include "client/guiscalingfilter.h"
+#include "guiBackgroundImage.h"
+#include "guiBox.h"
+#include "guiButton.h"
 #include "guiEditBoxWithScrollbar.h"
+#include "guiItemImage.h"
+#include "guiScrollBar.h"
+#include "guiTable.h"
 #include "intlGUIEditBox.h"
+#include "guiHyperText.h"
 
 #define MY_CHECKPOS(a,b)                                                                                                       \
        if (v_pos.size() != 2) {                                                                                                \
@@ -66,8 +72,8 @@ with this program; if not, write to the Free Software Foundation, Inc.,
 
 #define MY_CHECKGEOM(a,b)                                                                                                      \
        if (v_geom.size() != 2) {                                                                                               \
-               errorstream<< "Invalid pos for element " << a << "specified: \""        \
-                       << parts[b] << "\"" << std::endl;                                                               \
+               errorstream<< "Invalid geometry for element " << a <<                           \
+                       "specified: \"" << parts[b] << "\"" << std::endl;                               \
                        return;                                                                                                                 \
        }
 /*
@@ -86,7 +92,7 @@ inline u32 clamp_u8(s32 value)
 GUIFormSpecMenu::GUIFormSpecMenu(JoystickController *joystick,
                gui::IGUIElement *parent, s32 id, IMenuManager *menumgr,
                Client *client, ISimpleTextureSource *tsrc, IFormSource *fsrc, TextDest *tdst,
-               std::string formspecPrepend,
+               const std::string &formspecPrepend,
                bool remap_dbl_click):
        GUIModalMenu(RenderingEngine::get_gui_env(), parent, id, menumgr),
        m_invmgr(client),
@@ -97,9 +103,6 @@ GUIFormSpecMenu::GUIFormSpecMenu(JoystickController *joystick,
        m_text_dst(tdst),
        m_joystick(joystick),
        m_remap_dbl_click(remap_dbl_click)
-#ifdef __ANDROID__
-       , m_JavaDialogFieldName("")
-#endif
 {
        current_keys_pending.key_down = false;
        current_keys_pending.key_up = false;
@@ -123,6 +126,21 @@ GUIFormSpecMenu::~GUIFormSpecMenu()
        for (auto &table_it : m_tables) {
                table_it.second->drop();
        }
+       for (auto &inventorylist_it : m_inventorylists) {
+               inventorylist_it.e->drop();
+       }
+       for (auto &checkbox_it : m_checkboxes) {
+               checkbox_it.second->drop();
+       }
+       for (auto &scrollbar_it : m_scrollbars) {
+               scrollbar_it.second->drop();
+       }
+       for (auto &background_it : m_backgrounds) {
+               background_it->drop();
+       }
+       for (auto &tooltip_rect_it : m_tooltip_rects) {
+               tooltip_rect_it.first->drop();
+       }
 
        delete m_selected_item;
        delete m_form_src;
@@ -157,16 +175,15 @@ void GUIFormSpecMenu::removeChildren()
 {
        const core::list<gui::IGUIElement*> &children = getChildren();
 
-       while(!children.empty()) {
+       while (!children.empty()) {
                (*children.getLast())->remove();
        }
 
-       if(m_tooltip_element) {
+       if (m_tooltip_element) {
                m_tooltip_element->remove();
                m_tooltip_element->drop();
-               m_tooltip_element = NULL;
+               m_tooltip_element = nullptr;
        }
-
 }
 
 void GUIFormSpecMenu::setInitialFocus()
@@ -258,14 +275,9 @@ std::vector<std::string>* GUIFormSpecMenu::getDropDownValues(const std::string &
        return NULL;
 }
 
-v2s32 GUIFormSpecMenu::getElementBasePos(bool absolute,
-               const std::vector<std::string> *v_pos)
+v2s32 GUIFormSpecMenu::getElementBasePos(const std::vector<std::string> *v_pos)
 {
-       v2s32 pos = padding;
-       if (absolute)
-               pos += AbsoluteRect.UpperLeftCorner;
-
-       v2f32 pos_f = v2f32(pos.X, pos.Y) + pos_offset * spacing;
+       v2f32 pos_f = v2f32(padding.X, padding.Y) + pos_offset * spacing;
        if (v_pos) {
                pos_f.X += stof((*v_pos)[0]) * spacing.X;
                pos_f.Y += stof((*v_pos)[1]) * spacing.Y;
@@ -273,6 +285,17 @@ v2s32 GUIFormSpecMenu::getElementBasePos(bool absolute,
        return v2s32(pos_f.X, pos_f.Y);
 }
 
+v2s32 GUIFormSpecMenu::getRealCoordinateBasePos(const std::vector<std::string> &v_pos)
+{
+       return v2s32((stof(v_pos[0]) + pos_offset.X) * imgsize.X,
+               (stof(v_pos[1]) + pos_offset.Y) * imgsize.Y);
+}
+
+v2s32 GUIFormSpecMenu::getRealCoordinateGeometry(const std::vector<std::string> &v_geom)
+{
+       return v2s32(stof(v_geom[0]) * imgsize.X, stof(v_geom[1]) * imgsize.Y);
+}
+
 void GUIFormSpecMenu::parseSize(parserData* data, const std::string &element)
 {
        std::vector<std::string> parts = split(element,',');
@@ -287,12 +310,13 @@ void GUIFormSpecMenu::parseSize(parserData* data, const std::string &element)
                data->invsize.Y = MYMAX(0, stof(parts[1]));
 
                lockSize(false);
+#ifndef __ANDROID__
                if (parts.size() == 3) {
                        if (parts[2] == "true") {
                                lockSize(true,v2u32(800,600));
                        }
                }
-
+#endif
                data->explicit_size = true;
                return;
        }
@@ -308,8 +332,8 @@ void GUIFormSpecMenu::parseContainer(parserData* data, const std::string &elemen
                        parts[1] = parts[1].substr(0, parts[1].find(';'));
 
                container_stack.push(pos_offset);
-               pos_offset.X += MYMAX(0, stof(parts[0]));
-               pos_offset.Y += MYMAX(0, stof(parts[1]));
+               pos_offset.X += stof(parts[0]);
+               pos_offset.Y += stof(parts[1]);
                return;
        }
        errorstream<< "Invalid container start element (" << parts.size() << "): '" << element << "'"  << std::endl;
@@ -350,12 +374,11 @@ void GUIFormSpecMenu::parseList(parserData* data, const std::string &element)
 
                InventoryLocation loc;
 
-               if(location == "context" || location == "current_name")
+               if (location == "context" || location == "current_name")
                        loc = m_current_inventory_location;
                else
                        loc.deSerialize(location);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
                v2s32 geom;
                geom.X = stoi(v_geom[0]);
                geom.Y = stoi(v_geom[1]);
@@ -369,9 +392,65 @@ void GUIFormSpecMenu::parseList(parserData* data, const std::string &element)
                        return;
                }
 
-               if(!data->explicit_size)
-                       warningstream<<"invalid use of list without a size[] element"<<std::endl;
-               m_inventorylists.emplace_back(loc, listname, pos, geom, start_i);
+               // check for the existence of inventory and list
+               Inventory *inv = m_invmgr->getInventory(loc);
+               if (!inv) {
+                       warningstream << "GUIFormSpecMenu::parseList(): "
+                                       << "The inventory location "
+                                       << "\"" << loc.dump() << "\" doesn't exist"
+                                       << std::endl;
+                       return;
+               }
+               InventoryList *ilist = inv->getList(listname);
+               if (!ilist) {
+                       warningstream << "GUIFormSpecMenu::parseList(): "
+                                       << "The inventory list \"" << listname << "\" "
+                                       << "@ \"" << loc.dump() << "\" doesn't exist"
+                                       << std::endl;
+                       return;
+               }
+
+               // trim geom if it is larger than the actual inventory size
+               s32 list_size = (s32)ilist->getSize();
+               if (list_size < geom.X * geom.Y + start_i) {
+                       list_size -= MYMAX(start_i, 0);
+                       geom.Y = list_size / geom.X;
+                       geom.Y += list_size % geom.X > 0 ? 1 : 0;
+                       if (geom.Y <= 1)
+                               geom.X = list_size;
+               }
+
+               if (!data->explicit_size)
+                       warningstream << "invalid use of list without a size[] element" << std::endl;
+
+               FieldSpec spec(
+                       "",
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+
+               v2s32 pos;
+               core::rect<s32> rect;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       rect = core::rect<s32>(pos.X, pos.Y,
+                                       pos.X + (geom.X - 1) * (imgsize.X * 1.25) + imgsize.X,
+                                       pos.Y + (geom.Y - 1) * (imgsize.Y * 1.25) + imgsize.Y);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       rect = core::rect<s32>(pos.X, pos.Y,
+                                       pos.X + (geom.X - 1) * spacing.X + imgsize.X,
+                                       pos.Y + (geom.Y - 1) * spacing.Y + imgsize.Y);
+               }
+
+               gui::IGUIElement *e = new gui::IGUIElement(EGUIET_ELEMENT, Environment,
+                               this, spec.fid, rect);
+
+               m_inventorylists.emplace_back(loc, listname, e, geom, start_i,
+                               data->real_coordinates);
+               m_fields.push_back(spec);
                return;
        }
        errorstream<< "Invalid list element(" << parts.size() << "): '" << element << "'"  << std::endl;
@@ -432,19 +511,37 @@ void GUIFormSpecMenu::parseCheckbox(parserData* data, const std::string &element
 
                MY_CHECKPOS("checkbox",0);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
-
                bool fselected = false;
 
                if (selected == "true")
                        fselected = true;
 
                std::wstring wlabel = translate_string(utf8_to_wide(unescape_string(label)));
+               const core::dimension2d<u32> label_size = m_font->getDimension(wlabel.c_str());
+               s32 cb_size = Environment->getSkin()->getSize(gui::EGDS_CHECK_BOX_WIDTH);
+               s32 y_center = (std::max(label_size.Height, (u32)cb_size) + 1) / 2;
+
+               v2s32 pos;
+               core::rect<s32> rect;
 
-               core::rect<s32> rect = core::rect<s32>(
-                               pos.X, pos.Y + ((imgsize.Y/2) - m_btn_height),
-                               pos.X + m_font->getDimension(wlabel.c_str()).Width + 25, // text size + size of checkbox
-                               pos.Y + ((imgsize.Y/2) + m_btn_height));
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+
+                       rect = core::rect<s32>(
+                                       pos.X,
+                                       pos.Y - y_center,
+                                       pos.X + label_size.Width + cb_size + 7,
+                                       pos.Y + y_center
+                               );
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       rect = core::rect<s32>(
+                                       pos.X,
+                                       pos.Y + imgsize.Y / 2 - y_center,
+                                       pos.X + label_size.Width + cb_size + 7,
+                                       pos.Y + imgsize.Y / 2 + y_center
+                               );
+               }
 
                FieldSpec spec(
                                name,
@@ -455,14 +552,18 @@ void GUIFormSpecMenu::parseCheckbox(parserData* data, const std::string &element
 
                spec.ftype = f_CheckBox;
 
-               gui::IGUICheckBoxe = Environment->addCheckBox(fselected, rect, this,
+               gui::IGUICheckBox *e = Environment->addCheckBox(fselected, rect, this,
                                        spec.fid, spec.flabel.c_str());
 
+               auto style = getStyleForElement("checkbox", name);
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
                }
 
-               m_checkboxes.emplace_back(spec,e);
+               e->grab();
+               m_checkboxes.emplace_back(spec, e);
                m_fields.push_back(spec);
                return;
        }
@@ -475,24 +576,25 @@ void GUIFormSpecMenu::parseScrollBar(parserData* data, const std::string &elemen
 
        if (parts.size() >= 5) {
                std::vector<std::string> v_pos = split(parts[0],',');
-               std::vector<std::string> v_dim = split(parts[1],',');
+               std::vector<std::string> v_geom = split(parts[1],',');
                std::string name = parts[3];
                std::string value = parts[4];
 
                MY_CHECKPOS("scrollbar",0);
+               MY_CHECKGEOM("scrollbar",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
+               v2s32 dim;
 
-               if (v_dim.size() != 2) {
-                       errorstream<< "Invalid size for element " << "scrollbar"
-                               << "specified: \"" << parts[1] << "\"" << std::endl;
-                       return;
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       dim = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       dim.X = stof(v_geom[0]) * spacing.X;
+                       dim.Y = stof(v_geom[1]) * spacing.Y;
                }
 
-               v2s32 dim;
-               dim.X = stof(v_dim[0]) * spacing.X;
-               dim.Y = stof(v_dim[1]) * spacing.Y;
-
                core::rect<s32> rect =
                                core::rect<s32>(pos.X, pos.Y, pos.X + dim.X, pos.Y + dim.Y);
 
@@ -510,8 +612,11 @@ void GUIFormSpecMenu::parseScrollBar(parserData* data, const std::string &elemen
 
                spec.ftype = f_ScrollBar;
                spec.send  = true;
-               gui::IGUIScrollBar* e =
-                               Environment->addScrollBar(is_horizontal,rect,this,spec.fid);
+               GUIScrollBar *e = new GUIScrollBar(Environment, this, spec.fid, rect,
+                               is_horizontal, false);
+
+               auto style = getStyleForElement("scrollbar", name);
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
 
                e->setMax(1000);
                e->setMin(0);
@@ -540,14 +645,41 @@ void GUIFormSpecMenu::parseImage(parserData* data, const std::string &element)
                MY_CHECKPOS("image", 0);
                MY_CHECKGEOM("image", 1);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * (float)imgsize.X;
-               geom.Y = stof(v_geom[1]) * (float)imgsize.Y;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = stof(v_geom[0]) * (float)imgsize.X;
+                       geom.Y = stof(v_geom[1]) * (float)imgsize.Y;
+               }
 
                if (!data->explicit_size)
                        warningstream<<"invalid use of image without a size[] element"<<std::endl;
-               m_images.emplace_back(name, pos, geom);
+
+               video::ITexture *texture = m_tsrc->getTexture(name);
+               if (!texture) {
+                       errorstream << "GUIFormSpecMenu::parseImage() Unable to load texture:"
+                                       << std::endl << "\t" << name << std::endl;
+                       return;
+               }
+
+               FieldSpec spec(
+                       name,
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+               core::rect<s32> rect(pos, pos + geom);
+               gui::IGUIImage *e = Environment->addImage(rect, this, spec.fid, 0, true);
+               e->setImage(texture);
+               e->setScaleImage(true);
+               e->setNotClipped(true);
+               m_fields.push_back(spec);
+
                return;
        }
 
@@ -557,11 +689,29 @@ void GUIFormSpecMenu::parseImage(parserData* data, const std::string &element)
 
                MY_CHECKPOS("image", 0);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
+               v2s32 pos = getElementBasePos(&v_pos);
 
                if (!data->explicit_size)
                        warningstream<<"invalid use of image without a size[] element"<<std::endl;
-               m_images.emplace_back(name, pos);
+
+               video::ITexture *texture = m_tsrc->getTexture(name);
+               if (!texture) {
+                       errorstream << "GUIFormSpecMenu::parseImage() Unable to load texture:"
+                                       << std::endl << "\t" << name << std::endl;
+                       return;
+               }
+
+               FieldSpec spec(
+                       name,
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+               gui::IGUIImage *e = Environment->addImage(texture, pos, true, this,
+                               spec.fid, 0);
+               e->setNotClipped(true);
+               m_fields.push_back(spec);
+
                return;
        }
        errorstream<< "Invalid image element(" << parts.size() << "): '" << element << "'"  << std::endl;
@@ -581,14 +731,34 @@ void GUIFormSpecMenu::parseItemImage(parserData* data, const std::string &elemen
                MY_CHECKPOS("itemimage",0);
                MY_CHECKGEOM("itemimage",1);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * (float)imgsize.X;
-               geom.Y = stof(v_geom[1]) * (float)imgsize.Y;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = stof(v_geom[0]) * (float)imgsize.X;
+                       geom.Y = stof(v_geom[1]) * (float)imgsize.Y;
+               }
 
                if(!data->explicit_size)
                        warningstream<<"invalid use of item_image without a size[] element"<<std::endl;
-               m_itemimages.emplace_back("", name, pos, geom);
+
+               FieldSpec spec(
+                       "",
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+               spec.ftype = f_ItemImage;
+
+               GUIItemImage *e = new GUIItemImage(Environment, this, spec.fid,
+                               core::rect<s32>(pos, pos + geom), name, m_font, m_client);
+               e->drop();
+
+               m_fields.push_back(spec);
                return;
        }
        errorstream<< "Invalid ItemImage element(" << parts.size() << "): '" << element << "'"  << std::endl;
@@ -610,14 +780,23 @@ void GUIFormSpecMenu::parseButton(parserData* data, const std::string &element,
                MY_CHECKPOS("button",0);
                MY_CHECKGEOM("button",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
-               pos.Y += (stof(v_geom[1]) * (float)imgsize.Y)/2;
+               core::rect<s32> rect;
 
-               core::rect<s32> rect =
-                               core::rect<s32>(pos.X, pos.Y - m_btn_height,
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+                       rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X,
+                               pos.Y+geom.Y);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+                       pos.Y += (stof(v_geom[1]) * (float)imgsize.Y)/2;
+
+                       rect = core::rect<s32>(pos.X, pos.Y - m_btn_height,
                                                pos.X + geom.X, pos.Y + m_btn_height);
+               }
 
                if(!data->explicit_size)
                        warningstream<<"invalid use of button without a size[] element"<<std::endl;
@@ -628,13 +807,58 @@ void GUIFormSpecMenu::parseButton(parserData* data, const std::string &element,
                        name,
                        wlabel,
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
                spec.ftype = f_Button;
                if(type == "button_exit")
                        spec.is_exit = true;
-               gui::IGUIButton* e = Environment->addButton(rect, this, spec.fid,
-                               spec.flabel.c_str());
+
+               GUIButton *e = GUIButton::addButton(Environment, rect, this, spec.fid, spec.flabel.c_str());
+
+               auto style = getStyleForElement(type, name, (type != "button") ? "button" : "");
+               if (style.isNotDefault(StyleSpec::BGCOLOR)) {
+                       e->setColor(style.getColor(StyleSpec::BGCOLOR));
+               }
+               if (style.isNotDefault(StyleSpec::BGCOLOR_HOVERED)) {
+                       e->setHoveredColor(style.getColor(StyleSpec::BGCOLOR_HOVERED));
+               }
+               if (style.isNotDefault(StyleSpec::BGCOLOR_PRESSED)) {
+                       e->setPressedColor(style.getColor(StyleSpec::BGCOLOR_PRESSED));
+               }
+
+               if (style.isNotDefault(StyleSpec::TEXTCOLOR)) {
+                       e->setOverrideColor(style.getColor(StyleSpec::TEXTCOLOR));
+               }
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+               e->setDrawBorder(style.getBool(StyleSpec::BORDER, true));
+
+               if (style.isNotDefault(StyleSpec::BGIMG)) {
+                       std::string image_name = style.get(StyleSpec::BGIMG, "");
+                       std::string hovered_image_name = style.get(StyleSpec::BGIMG_HOVERED, "");
+                       std::string pressed_image_name = style.get(StyleSpec::BGIMG_PRESSED, "");
+
+                       video::ITexture *texture = 0;
+                       video::ITexture *hovered_texture = 0;
+                       video::ITexture *pressed_texture = 0;
+                       texture = m_tsrc->getTexture(image_name);
+                       if (!hovered_image_name.empty())
+                               hovered_texture = m_tsrc->getTexture(hovered_image_name);
+                       else
+                               hovered_texture = texture;
+                       if (!pressed_image_name.empty())
+                               pressed_texture = m_tsrc->getTexture(pressed_image_name);
+                       else
+                               pressed_texture = texture;
+
+                       e->setUseAlphaChannel(style.getBool(StyleSpec::ALPHA, true));
+                       e->setImage(guiScalingImageButton(
+                                       Environment->getVideoDriver(), texture, geom.X, geom.Y));
+                       e->setHoveredImage(guiScalingImageButton(
+                                       Environment->getVideoDriver(), hovered_texture, geom.X, geom.Y));
+                       e->setPressedImage(guiScalingImageButton(
+                                       Environment->getVideoDriver(), pressed_texture, geom.X, geom.Y));
+                       e->setScaleImage(true);
+               }
 
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
@@ -650,9 +874,8 @@ void GUIFormSpecMenu::parseBackground(parserData* data, const std::string &eleme
 {
        std::vector<std::string> parts = split(element,';');
 
-       if (((parts.size() == 3) || (parts.size() == 4)) ||
-               ((parts.size() > 4) && (m_formspec_version > FORMSPEC_API_VERSION)))
-       {
+       if ((parts.size() >= 3 && parts.size() <= 5) ||
+                       (parts.size() > 5 && m_formspec_version > FORMSPEC_API_VERSION)) {
                std::vector<std::string> v_pos = split(parts[0],',');
                std::vector<std::string> v_geom = split(parts[1],',');
                std::string name = unescape_string(parts[2]);
@@ -660,25 +883,84 @@ void GUIFormSpecMenu::parseBackground(parserData* data, const std::string &eleme
                MY_CHECKPOS("background",0);
                MY_CHECKGEOM("background",1);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
-               pos.X -= (spacing.X - (float)imgsize.X) / 2;
-               pos.Y -= (spacing.Y - (float)imgsize.Y) / 2;
-
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * spacing.X;
-               geom.Y = stof(v_geom[1]) * spacing.Y;
 
-               if (!data->explicit_size)
-                       warningstream<<"invalid use of background without a size[] element"<<std::endl;
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       pos.X -= (spacing.X - (float)imgsize.X) / 2;
+                       pos.Y -= (spacing.Y - (float)imgsize.Y) / 2;
+
+                       geom.X = stof(v_geom[0]) * spacing.X;
+                       geom.Y = stof(v_geom[1]) * spacing.Y;
+               }
 
                bool clip = false;
-               if (parts.size() == 4 && is_yes(parts[3])) {
-                       pos.X = stoi(v_pos[0]); //acts as offset
-                       pos.Y = stoi(v_pos[1]); //acts as offset
+               if (parts.size() >= 4 && is_yes(parts[3])) {
+                       if (data->real_coordinates) {
+                               pos = getRealCoordinateBasePos(v_pos) * -1;
+                               geom = v2s32(0, 0);
+                       } else {
+                               pos.X = stoi(v_pos[0]); //acts as offset
+                               pos.Y = stoi(v_pos[1]);
+                       }
                        clip = true;
                }
-               m_backgrounds.emplace_back(name, pos, geom, clip);
 
+               core::rect<s32> middle;
+               if (parts.size() >= 5) {
+                       std::vector<std::string> v_middle = split(parts[4], ',');
+                       if (v_middle.size() == 1) {
+                               s32 x = stoi(v_middle[0]);
+                               middle.UpperLeftCorner = core::vector2di(x, x);
+                               middle.LowerRightCorner = core::vector2di(-x, -x);
+                       } else if (v_middle.size() == 2) {
+                               s32 x = stoi(v_middle[0]);
+                               s32 y = stoi(v_middle[1]);
+                               middle.UpperLeftCorner = core::vector2di(x, y);
+                               middle.LowerRightCorner = core::vector2di(-x, -y);
+                               // `-x` is interpreted as `w - x`
+                       } else if (v_middle.size() == 4) {
+                               middle.UpperLeftCorner = core::vector2di(stoi(v_middle[0]), stoi(v_middle[1]));
+                               middle.LowerRightCorner = core::vector2di(stoi(v_middle[2]), stoi(v_middle[3]));
+                       } else {
+                               warningstream << "Invalid rectangle given to middle param of background[] element" << std::endl;
+                       }
+               }
+
+               if (!data->explicit_size && !clip)
+                       warningstream << "invalid use of unclipped background without a size[] element" << std::endl;
+
+               FieldSpec spec(
+                       name,
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+
+               core::rect<s32> rect;
+               if (!clip) {
+                       // no auto_clip => position like normal image
+                       rect = core::rect<s32>(pos, pos + geom);
+               } else {
+                       // it will be auto-clipped when drawing
+                       rect = core::rect<s32>(-pos, pos);
+               }
+
+               GUIBackgroundImage *e = new GUIBackgroundImage(Environment, this, spec.fid,
+                               rect, name, middle, m_tsrc, clip);
+
+               FATAL_ERROR_IF(!e, "Failed to create background formspec element");
+
+               e->setNotClipped(true);
+
+               e->setVisible(false); // the element is drawn manually before all others
+
+               m_backgrounds.push_back(e);
+               m_fields.push_back(spec);
                return;
        }
        errorstream<< "Invalid background element(" << parts.size() << "): '" << element << "'"  << std::endl;
@@ -736,10 +1018,17 @@ void GUIFormSpecMenu::parseTable(parserData* data, const std::string &element)
                MY_CHECKPOS("table",0);
                MY_CHECKGEOM("table",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * spacing.X;
-               geom.Y = stof(v_geom[1]) * spacing.Y;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = stof(v_geom[0]) * spacing.X;
+                       geom.Y = stof(v_geom[1]) * spacing.Y;
+               }
 
                core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
 
@@ -747,7 +1036,7 @@ void GUIFormSpecMenu::parseTable(parserData* data, const std::string &element)
                        name,
                        L"",
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
 
                spec.ftype = f_Table;
@@ -757,8 +1046,7 @@ void GUIFormSpecMenu::parseTable(parserData* data, const std::string &element)
                }
 
                //now really show table
-               GUITable *e = new GUITable(Environment, this, spec.fid, rect,
-                               m_tsrc);
+               GUITable *e = new GUITable(Environment, this, spec.fid, rect, m_tsrc);
 
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
@@ -773,6 +1061,9 @@ void GUIFormSpecMenu::parseTable(parserData* data, const std::string &element)
                if (!str_initial_selection.empty() && str_initial_selection != "0")
                        e->setSelected(stoi(str_initial_selection));
 
+               auto style = getStyleForElement("table", name);
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+
                m_tables.emplace_back(spec, e);
                m_fields.push_back(spec);
                return;
@@ -803,11 +1094,17 @@ void GUIFormSpecMenu::parseTextList(parserData* data, const std::string &element
                MY_CHECKPOS("textlist",0);
                MY_CHECKGEOM("textlist",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * spacing.X;
-               geom.Y = stof(v_geom[1]) * spacing.Y;
 
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = stof(v_geom[0]) * spacing.X;
+                       geom.Y = stof(v_geom[1]) * spacing.Y;
+               }
 
                core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
 
@@ -815,7 +1112,7 @@ void GUIFormSpecMenu::parseTextList(parserData* data, const std::string &element
                        name,
                        L"",
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
 
                spec.ftype = f_Table;
@@ -825,8 +1122,7 @@ void GUIFormSpecMenu::parseTextList(parserData* data, const std::string &element
                }
 
                //now really show list
-               GUITable *e = new GUITable(Environment, this, spec.fid, rect,
-                               m_tsrc);
+               GUITable *e = new GUITable(Environment, this, spec.fid, rect, m_tsrc);
 
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
@@ -841,6 +1137,9 @@ void GUIFormSpecMenu::parseTextList(parserData* data, const std::string &element
                if (!str_initial_selection.empty() && str_initial_selection != "0")
                        e->setSelected(stoi(str_initial_selection));
 
+               auto style = getStyleForElement("textlist", name);
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+
                m_tables.emplace_back(spec, e);
                m_fields.push_back(spec);
                return;
@@ -864,25 +1163,42 @@ void GUIFormSpecMenu::parseDropDown(parserData* data, const std::string &element
 
                MY_CHECKPOS("dropdown",0);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
+               v2s32 geom;
+               core::rect<s32> rect;
 
-               s32 width = stof(parts[1]) * spacing.Y;
+               if (data->real_coordinates) {
+                       std::vector<std::string> v_geom = split(parts[1],',');
 
-               core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y,
-                               pos.X + width, pos.Y + (m_btn_height * 2));
+                       if (v_geom.size() == 1)
+                               v_geom.emplace_back("1");
+
+                       MY_CHECKGEOM("dropdown",1);
+
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+                       rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+
+                       s32 width = stof(parts[1]) * spacing.Y;
+
+                       rect = core::rect<s32>(pos.X, pos.Y,
+                                       pos.X + width, pos.Y + (m_btn_height * 2));
+               }
 
                FieldSpec spec(
                        name,
                        L"",
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
 
                spec.ftype = f_DropDown;
                spec.send = true;
 
                //now really show list
-               gui::IGUIComboBox *e = Environment->addComboBox(rect, this,spec.fid);
+               gui::IGUIComboBox *e = Environment->addComboBox(rect, this, spec.fid);
 
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
@@ -896,6 +1212,9 @@ void GUIFormSpecMenu::parseDropDown(parserData* data, const std::string &element
                if (!str_initial_selection.empty())
                        e->setSelected(stoi(str_initial_selection)-1);
 
+               auto style = getStyleForElement("dropdown", name);
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+
                m_fields.push_back(spec);
 
                m_dropdowns.emplace_back(spec, std::vector<std::string>());
@@ -934,15 +1253,22 @@ void GUIFormSpecMenu::parsePwdField(parserData* data, const std::string &element
                MY_CHECKPOS("pwdfield",0);
                MY_CHECKGEOM("pwdfield",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
-               pos -= padding;
-
+               v2s32 pos;
                v2s32 geom;
-               geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
 
-               pos.Y += (stof(v_geom[1]) * (float)imgsize.Y)/2;
-               pos.Y -= m_btn_height;
-               geom.Y = m_btn_height*2;
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       pos -= padding;
+
+                       geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+
+                       pos.Y += (stof(v_geom[1]) * (float)imgsize.Y)/2;
+                       pos.Y -= m_btn_height;
+                       geom.Y = m_btn_height*2;
+               }
 
                core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
 
@@ -952,7 +1278,7 @@ void GUIFormSpecMenu::parsePwdField(parserData* data, const std::string &element
                        name,
                        wlabel,
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                        );
 
                spec.send = true;
@@ -972,6 +1298,11 @@ void GUIFormSpecMenu::parsePwdField(parserData* data, const std::string &element
 
                e->setPasswordBox(true,L'*');
 
+               auto style = getStyleForElement("pwdfield", name, "field");
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+               e->setDrawBorder(style.getBool(StyleSpec::BORDER, true));
+               e->setOverrideColor(style.getColor(StyleSpec::TEXTCOLOR, video::SColor(0xFFFFFFFF)));
+
                irr::SEvent evt;
                evt.EventType            = EET_KEY_INPUT_EVENT;
                evt.KeyInput.Key         = KEY_END;
@@ -1001,7 +1332,7 @@ void GUIFormSpecMenu::createTextField(parserData *data, FieldSpec &spec,
        if (!is_editable && !is_multiline) {
                // spec field id to 0, this stops submit searching for a value that isn't there
                gui::StaticText::add(Environment, spec.flabel.c_str(), rect, false, true,
-                       this, spec.fid);
+                               this, spec.fid);
                return;
        }
 
@@ -1018,18 +1349,21 @@ void GUIFormSpecMenu::createTextField(parserData *data, FieldSpec &spec,
                IRRLICHT_VERSION_MAJOR == 1 && IRRLICHT_VERSION_MINOR < 9;
 
        if (use_intl_edit_box && g_settings->getBool("freetype")) {
-               e = new gui::intlGUIEditBox(spec.fdefault.c_str(),
-                       true, Environment, this, spec.fid, rect, is_editable, is_multiline);
-               e->drop();
+               e = new gui::intlGUIEditBox(spec.fdefault.c_str(), true, Environment,
+                               this, spec.fid, rect, is_editable, is_multiline);
        } else {
-               if (is_multiline)
+               if (is_multiline) {
                        e = new GUIEditBoxWithScrollBar(spec.fdefault.c_str(), true,
-                               Environment, this, spec.fid, rect, is_editable, true);
-               else if (is_editable)
-                       e = Environment->addEditBox(spec.fdefault.c_str(), rect, true,
-                               this, spec.fid);
+                                       Environment, this, spec.fid, rect, is_editable, true);
+               } else if (is_editable) {
+                       e = Environment->addEditBox(spec.fdefault.c_str(), rect, true, this,
+                                       spec.fid);
+                       e->grab();
+               }
        }
 
+       auto style = getStyleForElement(is_multiline ? "textarea" : "field", spec.fname);
+
        if (e) {
                if (is_editable && spec.fname == data->focused_fieldname)
                        Environment->setFocus(e);
@@ -1048,19 +1382,31 @@ void GUIFormSpecMenu::createTextField(parserData *data, FieldSpec &spec,
                        evt.KeyInput.PressedDown = true;
                        e->OnEvent(evt);
                }
+
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+               e->setDrawBorder(style.getBool(StyleSpec::BORDER, true));
+               e->setOverrideColor(style.getColor(StyleSpec::TEXTCOLOR, video::SColor(0xFFFFFFFF)));
+               if (style.get(StyleSpec::BGCOLOR, "") == "transparent") {
+                       e->setDrawBackground(false);
+               }
+
+               e->drop();
        }
 
        if (!spec.flabel.empty()) {
                int font_height = g_fontengine->getTextHeight();
                rect.UpperLeftCorner.Y -= font_height;
                rect.LowerRightCorner.Y = rect.UpperLeftCorner.Y + font_height;
-               gui::StaticText::add(Environment, spec.flabel.c_str(), rect, false, true,
-                       this, 0);
+               IGUIElement *t = gui::StaticText::add(Environment, spec.flabel.c_str(),
+                               rect, false, true, this, 0);
+
+               if (t)
+                       t->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
        }
 }
 
-void GUIFormSpecMenu::parseSimpleField(parserDatadata,
-               std::vector<std::string> &parts)
+void GUIFormSpecMenu::parseSimpleField(parserData *data,
+       std::vector<std::string> &parts)
 {
        std::string name = parts[0];
        std::string label = parts[1];
@@ -1068,18 +1414,20 @@ void GUIFormSpecMenu::parseSimpleField(parserData* data,
 
        core::rect<s32> rect;
 
-       if(data->explicit_size)
-               warningstream<<"invalid use of unpositioned \"field\" in inventory"<<std::endl;
+       if (data->explicit_size)
+               warningstream << "invalid use of unpositioned \"field\" in inventory" << std::endl;
 
-       v2s32 pos = getElementBasePos(false, nullptr);
-       pos.Y = ((m_fields.size()+2)*60);
+       v2s32 pos = getElementBasePos(nullptr);
+       pos.Y = (data->simple_field_count + 2) * 60;
        v2s32 size = DesiredRect.getSize();
 
-       rect = core::rect<s32>(size.X / 2 - 150, pos.Y,
-                       (size.X / 2 - 150) + 300, pos.Y + (m_btn_height*2));
+       rect = core::rect<s32>(
+                       size.X / 2 - 150,       pos.Y,
+                       size.X / 2 - 150 + 300, pos.Y + m_btn_height * 2
+       );
 
 
-       if(m_form_src)
+       if (m_form_src)
                default_val = m_form_src->resolveText(default_val);
 
 
@@ -1089,25 +1437,19 @@ void GUIFormSpecMenu::parseSimpleField(parserData* data,
                name,
                wlabel,
                utf8_to_wide(unescape_string(default_val)),
-               258+m_fields.size()
+               258 + m_fields.size()
        );
 
        createTextField(data, spec, rect, false);
 
-       if (parts.size() >= 4) {
-               // TODO: remove after 2016-11-03
-               warningstream << "field/simple: use field_close_on_enter[name, enabled]" <<
-                               " instead of the 4th param" << std::endl;
-               field_close_on_enter[name] = is_yes(parts[3]);
-       }
-
        m_fields.push_back(spec);
+
+       data->simple_field_count++;
 }
 
 void GUIFormSpecMenu::parseTextArea(parserData* data, std::vector<std::string>& parts,
                const std::string &type)
 {
-
        std::vector<std::string> v_pos = split(parts[0],',');
        std::vector<std::string> v_geom = split(parts[1],',');
        std::string name = parts[2];
@@ -1117,23 +1459,29 @@ void GUIFormSpecMenu::parseTextArea(parserData* data, std::vector<std::string>&
        MY_CHECKPOS(type,0);
        MY_CHECKGEOM(type,1);
 
-       v2s32 pos = getElementBasePos(false, &v_pos);
-       pos -= padding;
-
+       v2s32 pos;
        v2s32 geom;
 
-       geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+       if (data->real_coordinates) {
+               pos = getRealCoordinateBasePos(v_pos);
+               geom = getRealCoordinateGeometry(v_geom);
+       } else {
+               pos = getElementBasePos(&v_pos);
+               pos -= padding;
 
-       if (type == "textarea")
-       {
-               geom.Y = (stof(v_geom[1]) * (float)imgsize.Y) - (spacing.Y-imgsize.Y);
-               pos.Y += m_btn_height;
-       }
-       else
-       {
-               pos.Y += (stof(v_geom[1]) * (float)imgsize.Y)/2;
-               pos.Y -= m_btn_height;
-               geom.Y = m_btn_height*2;
+               geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+
+               if (type == "textarea")
+               {
+                       geom.Y = (stof(v_geom[1]) * (float)imgsize.Y) - (spacing.Y-imgsize.Y);
+                       pos.Y += m_btn_height;
+               }
+               else
+               {
+                       pos.Y += (stof(v_geom[1]) * (float)imgsize.Y)/2;
+                       pos.Y -= m_btn_height;
+                       geom.Y = m_btn_height*2;
+               }
        }
 
        core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
@@ -1151,7 +1499,7 @@ void GUIFormSpecMenu::parseTextArea(parserData* data, std::vector<std::string>&
                name,
                wlabel,
                utf8_to_wide(unescape_string(default_val)),
-               258+m_fields.size()
+               258 + m_fields.size()
        );
 
        createTextField(data, spec, rect, type == "textarea");
@@ -1185,6 +1533,59 @@ void GUIFormSpecMenu::parseField(parserData* data, const std::string &element,
        errorstream<< "Invalid field element(" << parts.size() << "): '" << element << "'"  << std::endl;
 }
 
+void GUIFormSpecMenu::parseHyperText(parserData *data, const std::string &element)
+{
+       std::vector<std::string> parts = split(element, ';');
+
+       if (parts.size() != 4 && m_formspec_version < FORMSPEC_API_VERSION) {
+               errorstream << "Invalid text element(" << parts.size() << "): '" << element << "'"  << std::endl;
+               return;
+       }
+
+       std::vector<std::string> v_pos = split(parts[0], ',');
+       std::vector<std::string> v_geom = split(parts[1], ',');
+       std::string name = parts[2];
+       std::string text = parts[3];
+
+       MY_CHECKPOS("hypertext", 0);
+       MY_CHECKGEOM("hypertext", 1);
+
+       v2s32 pos;
+       v2s32 geom;
+
+       if (data->real_coordinates) {
+               pos = getRealCoordinateBasePos(v_pos);
+               geom = getRealCoordinateGeometry(v_geom);
+       } else {
+               pos = getElementBasePos(&v_pos);
+               pos -= padding;
+
+               pos.X += stof(v_pos[0]) * spacing.X;
+               pos.Y += stof(v_pos[1]) * spacing.Y + (m_btn_height * 2);
+
+               geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+               geom.Y = (stof(v_geom[1]) * imgsize.Y) - (spacing.Y - imgsize.Y);
+       }
+
+       core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X + geom.X, pos.Y + geom.Y);
+
+       if(m_form_src)
+               text = m_form_src->resolveText(text);
+
+       FieldSpec spec(
+               name,
+               utf8_to_wide(unescape_string(text)),
+               L"",
+               258 + m_fields.size()
+       );
+
+       spec.ftype = f_Unknown;
+       new GUIHyperText(
+               spec.flabel.c_str(), Environment, this, spec.fid, rect, m_client, m_tsrc);
+
+       m_fields.push_back(spec);
+}
+
 void GUIFormSpecMenu::parseLabel(parserData* data, const std::string &element)
 {
        std::vector<std::string> parts = split(element,';');
@@ -1197,46 +1598,79 @@ void GUIFormSpecMenu::parseLabel(parserData* data, const std::string &element)
 
                MY_CHECKPOS("label",0);
 
-               v2s32 pos = getElementBasePos(false, nullptr);
-               pos.X += stof(v_pos[0]) * spacing.X;
-               pos.Y += (stof(v_pos[1]) + 7.0f / 30.0f) * spacing.Y;
-
                if(!data->explicit_size)
                        warningstream<<"invalid use of label without a size[] element"<<std::endl;
 
                std::vector<std::string> lines = split(text, '\n');
 
                for (unsigned int i = 0; i != lines.size(); i++) {
-                       // Lines are spaced at the nominal distance of
-                       // 2/5 inventory slot, even if the font doesn't
-                       // quite match that.  This provides consistent
-                       // form layout, at the expense of sometimes
-                       // having sub-optimal spacing for the font.
-                       // We multiply by 2 and then divide by 5, rather
-                       // than multiply by 0.4, to get exact results
-                       // in the integer cases: 0.4 is not exactly
-                       // representable in binary floating point.
-                       s32 posy = pos.Y + ((float)i) * spacing.Y * 2.0 / 5.0;
-                       std::wstring wlabel = utf8_to_wide(unescape_string(lines[i]));
-                       core::rect<s32> rect = core::rect<s32>(
-                               pos.X, posy - m_btn_height,
-                               pos.X + m_font->getDimension(wlabel.c_str()).Width,
-                               posy + m_btn_height);
+                       std::wstring wlabel_colors = translate_string(
+                               utf8_to_wide(unescape_string(lines[i])));
+                       // Without color escapes to get the font dimensions
+                       std::wstring wlabel_plain = unescape_enriched(wlabel_colors);
+
+                       core::rect<s32> rect;
+
+                       if (data->real_coordinates) {
+                               // Lines are spaced at the distance of 1/2 imgsize.
+                               // This alows lines that line up with the new elements
+                               // easily without sacrificing good line distance.  If
+                               // it was one whole imgsize, it would have too much
+                               // spacing.
+                               v2s32 pos = getRealCoordinateBasePos(v_pos);
+
+                               // Labels are positioned by their center, not their top.
+                               pos.Y += (((float) imgsize.Y) / -2) + (((float) imgsize.Y) * i / 2);
+
+                               rect = core::rect<s32>(
+                                       pos.X, pos.Y,
+                                       pos.X + m_font->getDimension(wlabel_plain.c_str()).Width,
+                                       pos.Y + imgsize.Y);
+
+                       } else {
+                               // Lines are spaced at the nominal distance of
+                               // 2/5 inventory slot, even if the font doesn't
+                               // quite match that.  This provides consistent
+                               // form layout, at the expense of sometimes
+                               // having sub-optimal spacing for the font.
+                               // We multiply by 2 and then divide by 5, rather
+                               // than multiply by 0.4, to get exact results
+                               // in the integer cases: 0.4 is not exactly
+                               // representable in binary floating point.
+
+                               v2s32 pos = getElementBasePos(nullptr);
+                               pos.X += stof(v_pos[0]) * spacing.X;
+                               pos.Y += (stof(v_pos[1]) + 7.0f / 30.0f) * spacing.Y;
+
+                               pos.Y += ((float) i) * spacing.Y * 2.0 / 5.0;
+
+                               rect = core::rect<s32>(
+                                       pos.X, pos.Y - m_btn_height,
+                                       pos.X + m_font->getDimension(wlabel_plain.c_str()).Width,
+                                       pos.Y + m_btn_height);
+                       }
+
                        FieldSpec spec(
                                "",
-                               wlabel,
+                               wlabel_colors,
                                L"",
-                               258+m_fields.size()
+                               258 + m_fields.size()
                        );
                        gui::IGUIStaticText *e = gui::StaticText::add(Environment,
-                               spec.flabel.c_str(), rect, false, false, this, spec.fid);
+                                       spec.flabel.c_str(), rect, false, false, this, spec.fid);
                        e->setTextAlignment(gui::EGUIA_UPPERLEFT, gui::EGUIA_CENTER);
+
+                       auto style = getStyleForElement("label", spec.fname);
+                       e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+                       e->setOverrideColor(style.getColor(StyleSpec::TEXTCOLOR, video::SColor(0xFFFFFFFF)));
+
                        m_fields.push_back(spec);
                }
 
                return;
        }
-       errorstream<< "Invalid label element(" << parts.size() << "): '" << element << "'"  << std::endl;
+       errorstream << "Invalid label element(" << parts.size() << "): '" << element
+               << "'"  << std::endl;
 }
 
 void GUIFormSpecMenu::parseVertLabel(parserData* data, const std::string &element)
@@ -1252,15 +1686,35 @@ void GUIFormSpecMenu::parseVertLabel(parserData* data, const std::string &elemen
 
                MY_CHECKPOS("vertlabel",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
+               core::rect<s32> rect;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+
+                       // Vertlabels are positioned by center, not left.
+                       pos.X -= imgsize.X / 2;
+
+                       // We use text.length + 1 because without it, the rect
+                       // isn't quite tall enough and cuts off the text.
+                       rect = core::rect<s32>(pos.X, pos.Y,
+                               pos.X + imgsize.X,
+                               pos.Y + font_line_height(m_font) *
+                               (text.length() + 1));
 
-               core::rect<s32> rect = core::rect<s32>(
-                               pos.X, pos.Y+((imgsize.Y/2)- m_btn_height),
+               } else {
+                       pos = getElementBasePos(&v_pos);
+
+                       // As above, the length must be one longer. The width of
+                       // the rect (15 pixels) seems rather arbitrary, but
+                       // changing it might break something.
+                       rect = core::rect<s32>(
+                               pos.X, pos.Y+((imgsize.Y/2) - m_btn_height),
                                pos.X+15, pos.Y +
-                                       font_line_height(m_font)
-                                       * (text.length()+1)
-                                       +((imgsize.Y/2)- m_btn_height));
-               //actually text.length() would be correct but adding +1 avoids to break all mods
+                                       font_line_height(m_font) *
+                                       (text.length() + 1) +
+                                       ((imgsize.Y/2) - m_btn_height));
+               }
 
                if(!data->explicit_size)
                        warningstream<<"invalid use of label without a size[] element"<<std::endl;
@@ -1276,11 +1730,16 @@ void GUIFormSpecMenu::parseVertLabel(parserData* data, const std::string &elemen
                        "",
                        label,
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
-               gui::IGUIStaticText *t = gui::StaticText::add(Environment, spec.flabel.c_str(),
-                       rect, false, false, this, spec.fid);
-               t->setTextAlignment(gui::EGUIA_CENTER, gui::EGUIA_CENTER);
+               gui::IGUIStaticText *e = gui::StaticText::add(Environment, spec.flabel.c_str(),
+                               rect, false, false, this, spec.fid);
+               e->setTextAlignment(gui::EGUIA_CENTER, gui::EGUIA_CENTER);
+
+               auto style = getStyleForElement("vertlabel", spec.fname, "label");
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+               e->setOverrideColor(style.getColor(StyleSpec::TEXTCOLOR, video::SColor(0xFFFFFFFF)));
+
                m_fields.push_back(spec);
                return;
        }
@@ -1304,11 +1763,6 @@ void GUIFormSpecMenu::parseImageButton(parserData* data, const std::string &elem
                MY_CHECKPOS("imagebutton",0);
                MY_CHECKGEOM("imagebutton",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
-               v2s32 geom;
-               geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
-               geom.Y = (stof(v_geom[1]) * spacing.Y) - (spacing.Y - imgsize.Y);
-
                bool noclip     = false;
                bool drawborder = true;
                std::string pressed_image_name;
@@ -1324,9 +1778,22 @@ void GUIFormSpecMenu::parseImageButton(parserData* data, const std::string &elem
                        pressed_image_name = parts[7];
                }
 
-               core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
+               v2s32 pos;
+               v2s32 geom;
 
-               if(!data->explicit_size)
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+                       geom.Y = (stof(v_geom[1]) * spacing.Y) - (spacing.Y - imgsize.Y);
+               }
+
+               core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X,
+                       pos.Y+geom.Y);
+
+               if (!data->explicit_size)
                        warningstream<<"invalid use of image_button without a size[] element"<<std::endl;
 
                image_name = unescape_string(image_name);
@@ -1338,10 +1805,10 @@ void GUIFormSpecMenu::parseImageButton(parserData* data, const std::string &elem
                        name,
                        wlabel,
                        utf8_to_wide(image_name),
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
                spec.ftype = f_Button;
-               if(type == "image_button_exit")
+               if (type == "image_button_exit")
                        spec.is_exit = true;
 
                video::ITexture *texture = 0;
@@ -1352,20 +1819,27 @@ void GUIFormSpecMenu::parseImageButton(parserData* data, const std::string &elem
                else
                        pressed_texture = texture;
 
-               gui::IGUIButton *e = Environment->addButton(rect, this, spec.fid, spec.flabel.c_str());
+               GUIButton *e = GUIButton::addButton(Environment, rect, this, spec.fid, spec.flabel.c_str());
 
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
                }
 
-               e->setUseAlphaChannel(true);
+               auto style = getStyleForElement("image_button", spec.fname);
+
+               e->setUseAlphaChannel(style.getBool(StyleSpec::ALPHA, true));
                e->setImage(guiScalingImageButton(
                        Environment->getVideoDriver(), texture, geom.X, geom.Y));
                e->setPressedImage(guiScalingImageButton(
                        Environment->getVideoDriver(), pressed_texture, geom.X, geom.Y));
                e->setScaleImage(true);
-               e->setNotClipped(noclip);
-               e->setDrawBorder(drawborder);
+               if (parts.size() >= 7) {
+                       e->setNotClipped(noclip);
+                       e->setDrawBorder(drawborder);
+               } else {
+                       e->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+                       e->setDrawBorder(style.getBool(StyleSpec::BORDER, true));
+               }
 
                m_fields.push_back(spec);
                return;
@@ -1376,25 +1850,43 @@ void GUIFormSpecMenu::parseImageButton(parserData* data, const std::string &elem
 
 void GUIFormSpecMenu::parseTabHeader(parserData* data, const std::string &element)
 {
-       std::vector<std::string> parts = split(element,';');
+       std::vector<std::string> parts = split(element, ';');
 
-       if (((parts.size() == 4) || (parts.size() == 6)) ||
-               ((parts.size() > 6) && (m_formspec_version > FORMSPEC_API_VERSION)))
+       if (((parts.size() == 4) || (parts.size() == 6)) || (parts.size() == 7 &&
+               data->real_coordinates) || ((parts.size() > 6) &&
+               (m_formspec_version > FORMSPEC_API_VERSION)))
        {
                std::vector<std::string> v_pos = split(parts[0],',');
-               std::string name = parts[1];
-               std::vector<std::string> buttons = split(parts[2],',');
-               std::string str_index = parts[3];
+
+               // If we're using real coordinates, add an extra field for height.
+               // Width is not here because tabs are the width of the text, and
+               // there's no reason to change that.
+               unsigned int i = 0;
+               std::vector<std::string> v_geom = {"1", "0.75"}; // Dummy width and default height
+               bool auto_width = true;
+               if (parts.size() == 7) {
+                       i++;
+
+                       v_geom = split(parts[1], ',');
+                       if (v_geom.size() == 1)
+                               v_geom.insert(v_geom.begin(), "1"); // Dummy value
+                       else
+                               auto_width = false;
+               }
+
+               std::string name = parts[i+1];
+               std::vector<std::string> buttons = split(parts[i+2], ',');
+               std::string str_index = parts[i+3];
                bool show_background = true;
                bool show_border = true;
-               int tab_index = stoi(str_index) -1;
+               int tab_index = stoi(str_index) - 1;
 
-               MY_CHECKPOS("tabheader",0);
+               MY_CHECKPOS("tabheader", 0);
 
-               if (parts.size() == 6) {
-                       if (parts[4] == "true")
+               if (parts.size() == 6 + i) {
+                       if (parts[4+i] == "true")
                                show_background = false;
-                       if (parts[5] == "false")
+                       if (parts[5+i] == "false")
                                show_border = false;
                }
 
@@ -1402,21 +1894,32 @@ void GUIFormSpecMenu::parseTabHeader(parserData* data, const std::string &elemen
                        name,
                        L"",
                        L"",
-                       258+m_fields.size()
+                       258 + m_fields.size()
                );
 
                spec.ftype = f_TabHeader;
 
                v2s32 pos;
-               {
+               v2s32 geom;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+
+                       geom = getRealCoordinateGeometry(v_geom);
+                       pos.Y -= geom.Y; // TabHeader base pos is the bottom, not the top.
+                       if (auto_width)
+                               geom.X = DesiredRect.getWidth(); // Set automatic width
+
+                       MY_CHECKGEOM("tabheader", 1);
+               } else {
                        v2f32 pos_f = pos_offset * spacing;
                        pos_f.X += stof(v_pos[0]) * spacing.X;
                        pos_f.Y += stof(v_pos[1]) * spacing.Y - m_btn_height * 2;
                        pos = v2s32(pos_f.X, pos_f.Y);
+
+                       geom.Y = m_btn_height * 2;
+                       geom.X = DesiredRect.getWidth();
                }
-               v2s32 geom;
-               geom.X = DesiredRect.getWidth();
-               geom.Y = m_btn_height*2;
 
                core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X,
                                pos.Y+geom.Y);
@@ -1425,17 +1928,22 @@ void GUIFormSpecMenu::parseTabHeader(parserData* data, const std::string &elemen
                                show_background, show_border, spec.fid);
                e->setAlignment(irr::gui::EGUIA_UPPERLEFT, irr::gui::EGUIA_UPPERLEFT,
                                irr::gui::EGUIA_UPPERLEFT, irr::gui::EGUIA_LOWERRIGHT);
-               e->setTabHeight(m_btn_height*2);
+               e->setTabHeight(geom.Y);
 
                if (spec.fname == data->focused_fieldname) {
                        Environment->setFocus(e);
                }
 
-               e->setNotClipped(true);
+               auto style = getStyleForElement("tabheader", name);
+               e->setNotClipped(style.getBool(StyleSpec::NOCLIP, true));
 
                for (const std::string &button : buttons) {
-                       e->addTab(unescape_translate(unescape_string(
+                       auto tab = e->addTab(unescape_translate(unescape_string(
                                utf8_to_wide(button))).c_str(), -1);
+                       if (style.isNotDefault(StyleSpec::BGCOLOR))
+                               tab->setBackgroundColor(style.getColor(StyleSpec::BGCOLOR));
+
+                       tab->setTextColor(style.getColor(StyleSpec::TEXTCOLOR, video::SColor(0xFFFFFFFF)));
                }
 
                if ((tab_index >= 0) &&
@@ -1476,10 +1984,17 @@ void GUIFormSpecMenu::parseItemImageButton(parserData* data, const std::string &
                MY_CHECKPOS("itemimagebutton",0);
                MY_CHECKGEOM("itemimagebutton",1);
 
-               v2s32 pos = getElementBasePos(false, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
-               geom.Y = (stof(v_geom[1]) * spacing.Y) - (spacing.Y - imgsize.Y);
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = (stof(v_geom[0]) * spacing.X) - (spacing.X - imgsize.X);
+                       geom.Y = (stof(v_geom[1]) * spacing.Y) - (spacing.Y - imgsize.Y);
+               }
 
                core::rect<s32> rect = core::rect<s32>(pos.X, pos.Y, pos.X+geom.X, pos.Y+geom.Y);
 
@@ -1495,27 +2010,45 @@ void GUIFormSpecMenu::parseItemImageButton(parserData* data, const std::string &
                                                m_default_tooltip_bgcolor,
                                                m_default_tooltip_color);
 
-               FieldSpec spec(
+               // the spec for the button
+               FieldSpec spec_btn(
                        name,
                        utf8_to_wide(label),
                        utf8_to_wide(item_name),
                        258 + m_fields.size()
                );
 
-               gui::IGUIButton *e = Environment->addButton(rect, this, spec.fid, L"");
+               gui::IGUIButton *e_btn = GUIButton::addButton(Environment, rect, this, spec_btn.fid, L"");
 
-               if (spec.fname == data->focused_fieldname) {
-                       Environment->setFocus(e);
+               auto style = getStyleForElement("item_image_button", spec_btn.fname, "image_button");
+               e_btn->setNotClipped(style.getBool(StyleSpec::NOCLIP, false));
+               e_btn->setDrawBorder(style.getBool(StyleSpec::BORDER, true));
+
+               if (spec_btn.fname == data->focused_fieldname) {
+                       Environment->setFocus(e_btn);
                }
 
-               spec.ftype = f_Button;
-               rect+=data->basepos-padding;
-               spec.rect=rect;
-               m_fields.push_back(spec);
+               spec_btn.ftype = f_Button;
+               rect += data->basepos-padding;
+               spec_btn.rect = rect;
+               m_fields.push_back(spec_btn);
+
+               // the spec for the item-image
+               FieldSpec spec_img(
+                       "",
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+
+               GUIItemImage *e_img = new GUIItemImage(Environment, e_btn, spec_img.fid,
+                               core::rect<s32>(0, 0, geom.X, geom.Y), item_name, m_font, m_client);
+
+               e_img->setText(utf8_to_wide(label).c_str());
+
+               e_img->drop();
 
-               pos = getElementBasePos(true, &v_pos);
-               m_itemimages.emplace_back("", item_name, e, pos, geom);
-               m_static_texts.emplace_back(utf8_to_wide(label), rect, e);
+               m_fields.push_back(spec_img);
                return;
        }
        errorstream<< "Invalid ItemImagebutton element(" << parts.size() << "): '" << element << "'"  << std::endl;
@@ -1534,19 +2067,40 @@ void GUIFormSpecMenu::parseBox(parserData* data, const std::string &element)
                MY_CHECKPOS("box",0);
                MY_CHECKGEOM("box",1);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * spacing.X;
-               geom.Y = stof(v_geom[1]) * spacing.Y;
+
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = stof(v_geom[0]) * spacing.X;
+                       geom.Y = stof(v_geom[1]) * spacing.Y;
+               }
 
                video::SColor tmp_color;
 
                if (parseColorString(parts[2], tmp_color, false, 0x8C)) {
-                       BoxDrawSpec spec(pos, geom, tmp_color);
+                       FieldSpec spec(
+                               "",
+                               L"",
+                               L"",
+                               258 + m_fields.size()
+                       );
+                       spec.ftype = f_Box;
 
-                       m_boxes.push_back(spec);
-               }
-               else {
+                       core::rect<s32> rect(pos, pos + geom);
+
+                       GUIBox *e = new GUIBox(Environment, this, spec.fid, rect, tmp_color);
+
+                       e->setNotClipped(true);
+
+                       e->drop();
+
+                       m_fields.push_back(spec);
+
+               } else {
                        errorstream<< "Invalid Box element(" << parts.size() << "): '" << element << "'  INVALID COLOR"  << std::endl;
                }
                return;
@@ -1640,16 +2194,36 @@ void GUIFormSpecMenu::parseTooltip(parserData* data, const std::string &element)
                std::vector<std::string> v_pos  = split(parts[0], ',');
                std::vector<std::string> v_geom = split(parts[1], ',');
 
-               MY_CHECKPOS("tooltip",  0);
+               MY_CHECKPOS("tooltip", 0);
                MY_CHECKGEOM("tooltip", 1);
 
-               v2s32 pos = getElementBasePos(true, &v_pos);
+               v2s32 pos;
                v2s32 geom;
-               geom.X = stof(v_geom[0]) * spacing.X;
-               geom.Y = stof(v_geom[1]) * spacing.Y;
 
-               irr::core::rect<s32> rect(pos, pos + geom);
-               m_tooltip_rects.emplace_back(rect, spec);
+               if (data->real_coordinates) {
+                       pos = getRealCoordinateBasePos(v_pos);
+                       geom = getRealCoordinateGeometry(v_geom);
+               } else {
+                       pos = getElementBasePos(&v_pos);
+                       geom.X = stof(v_geom[0]) * spacing.X;
+                       geom.Y = stof(v_geom[1]) * spacing.Y;
+               }
+
+               FieldSpec fieldspec(
+                       "",
+                       L"",
+                       L"",
+                       258 + m_fields.size()
+               );
+
+               core::rect<s32> rect(pos, pos + geom);
+
+               gui::IGUIElement *e = new gui::IGUIElement(EGUIET_ELEMENT, Environment,
+                               this, fieldspec.fid, rect);
+
+               m_fields.push_back(fieldspec);
+               m_tooltip_rects.emplace_back(e, spec);
+
        } else {
                m_tooltips[parts[0]] = spec;
        }
@@ -1772,12 +2346,70 @@ void GUIFormSpecMenu::parseAnchor(parserData *data, const std::string &element)
                        << "'" << std::endl;
 }
 
+bool GUIFormSpecMenu::parseStyle(parserData *data, const std::string &element, bool style_type)
+{
+       std::vector<std::string> parts = split(element, ';');
+
+       if (parts.size() < 2) {
+               errorstream << "Invalid style element (" << parts.size() << "): '" << element
+                                       << "'" << std::endl;
+               return false;
+       }
+
+       std::string selector = trim(parts[0]);
+       if (selector.empty()) {
+               errorstream << "Invalid style element (Selector required): '" << element
+                                       << "'" << std::endl;
+               return false;
+       }
+
+       StyleSpec spec;
+
+       for (size_t i = 1; i < parts.size(); i++) {
+               size_t equal_pos = parts[i].find('=');
+               if (equal_pos == std::string::npos) {
+                       errorstream << "Invalid style element (Property missing value): '" << element
+                                               << "'" << std::endl;
+                       return false;
+               }
+
+               std::string propname = trim(parts[i].substr(0, equal_pos));
+               std::string value    = trim(unescape_string(parts[i].substr(equal_pos + 1)));
+
+               std::transform(propname.begin(), propname.end(), propname.begin(), ::tolower);
+
+               StyleSpec::Property prop = StyleSpec::GetPropertyByName(propname);
+               if (prop == StyleSpec::NONE) {
+                       if (property_warned.find(propname) != property_warned.end()) {
+                               warningstream << "Invalid style element (Unknown property " << propname << "): '"
+                                               << element
+                                               << "'" << std::endl;
+                               property_warned.insert(propname);
+                       }
+                       return false;
+               }
+
+               spec.set(prop, value);
+       }
+
+       if (style_type) {
+               theme_by_type[selector] |= spec;
+       } else {
+               theme_by_name[selector] |= spec;
+       }
+
+       return true;
+}
+
 void GUIFormSpecMenu::parseElement(parserData* data, const std::string &element)
 {
        //some prechecks
        if (element.empty())
                return;
 
+       if (parseVersionDirect(element))
+               return;
+
        std::vector<std::string> parts = split(element,'[');
 
        // ugly workaround to keep compatibility
@@ -1837,8 +2469,8 @@ void GUIFormSpecMenu::parseElement(parserData* data, const std::string &element)
                return;
        }
 
-       if (type == "background") {
-               parseBackground(data,description);
+       if (type == "background" || type == "background9") {
+               parseBackground(data, description);
                return;
        }
 
@@ -1882,6 +2514,11 @@ void GUIFormSpecMenu::parseElement(parserData* data, const std::string &element)
                return;
        }
 
+       if (type == "hypertext") {
+               parseHyperText(data,description);
+               return;
+       }
+
        if (type == "label") {
                parseLabel(data,description);
                return;
@@ -1932,6 +2569,21 @@ void GUIFormSpecMenu::parseElement(parserData* data, const std::string &element)
                return;
        }
 
+       if (type == "real_coordinates") {
+               data->real_coordinates = is_yes(description);
+               return;
+       }
+
+       if (type == "style") {
+               parseStyle(data, description, false);
+               return;
+       }
+
+       if (type == "style_type") {
+               parseStyle(data, description, true);
+               return;
+       }
+
        // Ignore others
        infostream << "Unknown DrawSpec: type=" << type << ", data=\"" << description << "\""
                        << std::endl;
@@ -1977,11 +2629,27 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
        for (auto &table_it : m_tables) {
                table_it.second->drop();
        }
+       for (auto &inventorylist_it : m_inventorylists) {
+               inventorylist_it.e->drop();
+       }
+       for (auto &checkbox_it : m_checkboxes) {
+               checkbox_it.second->drop();
+       }
+       for (auto &scrollbar_it : m_scrollbars) {
+               scrollbar_it.second->drop();
+       }
+       for (auto &background_it : m_backgrounds) {
+               background_it->drop();
+       }
+       for (auto &tooltip_rect_it : m_tooltip_rects) {
+               tooltip_rect_it.first->drop();
+       }
 
        mydata.size= v2s32(100,100);
        mydata.screensize = screensize;
        mydata.offset = v2f32(0.5f, 0.5f);
        mydata.anchor = v2f32(0.5f, 0.5f);
+       mydata.simple_field_count = 0;
 
        // Base position of contents of form
        mydata.basepos = getBasePos();
@@ -1989,22 +2657,22 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
        /* Convert m_init_draw_spec to m_inventorylists */
 
        m_inventorylists.clear();
-       m_images.clear();
        m_backgrounds.clear();
-       m_itemimages.clear();
        m_tables.clear();
        m_checkboxes.clear();
        m_scrollbars.clear();
        m_fields.clear();
-       m_boxes.clear();
        m_tooltips.clear();
        m_tooltip_rects.clear();
        m_inventory_rings.clear();
-       m_static_texts.clear();
        m_dropdowns.clear();
+       theme_by_name.clear();
+       theme_by_type.clear();
 
        m_bgfullscreen = false;
 
+       m_formspec_version = 1;
+
        {
                v3f formspec_bgcolor = g_settings->getV3F("formspec_default_bg_color");
                m_bgcolor = video::SColor(
@@ -2096,6 +2764,17 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
                        break;
        }
 
+       /* Copy of the "real_coordinates" element for after the form size. */
+       mydata.real_coordinates = m_formspec_version >= 2;
+       for (; i < elements.size(); i++) {
+               std::vector<std::string> parts = split(elements[i], '[');
+               std::string name = trim(parts[0]);
+               if (name != "real_coordinates" || parts.size() != 2)
+                       break; // Invalid format
+
+               mydata.real_coordinates = is_yes(trim(parts[1]));
+       }
+
        if (mydata.explicit_size) {
                // compute scaling for specified form size
                if (m_lock) {
@@ -2147,16 +2826,28 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
                        // the image size can't be less than 0.3 inch
                        // multiplied by gui_scaling, even if this means
                        // the form doesn't fit the screen.
-                       double prefer_imgsize = mydata.screensize.Y / 15 *
-                               gui_scaling;
+#ifdef __ANDROID__
+                       // For mobile devices these magic numbers are
+                       // different and forms should always use the
+                       // maximum screen space available.
+                       double prefer_imgsize = mydata.screensize.Y / 10 * gui_scaling;
+                       double fitx_imgsize = mydata.screensize.X /
+                               ((12.0 / 8.0) * (0.5 + mydata.invsize.X));
+                       double fity_imgsize = mydata.screensize.Y /
+                               ((15.0 / 11.0) * (0.85 + mydata.invsize.Y));
+                       use_imgsize = MYMIN(prefer_imgsize,
+                                       MYMIN(fitx_imgsize, fity_imgsize));
+#else
+                       double prefer_imgsize = mydata.screensize.Y / 15 * gui_scaling;
                        double fitx_imgsize = mydata.screensize.X /
-                               ((5.0/4.0) * (0.5 + mydata.invsize.X));
+                               ((5.0 / 4.0) * (0.5 + mydata.invsize.X));
                        double fity_imgsize = mydata.screensize.Y /
-                               ((15.0/13.0) * (0.85 * mydata.invsize.Y));
+                               ((15.0 / 13.0) * (0.85 * mydata.invsize.Y));
                        double screen_dpi = RenderingEngine::getDisplayDensity() * 96;
                        double min_imgsize = 0.3 * screen_dpi * gui_scaling;
                        use_imgsize = MYMAX(min_imgsize, MYMIN(prefer_imgsize,
                                MYMIN(fitx_imgsize, fity_imgsize)));
+#endif
                }
 
                // Everything else is scaled in proportion to the
@@ -2174,10 +2865,18 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
 
                m_font = g_fontengine->getFont();
 
-               mydata.size = v2s32(
-                       padding.X*2+spacing.X*(mydata.invsize.X-1.0)+imgsize.X,
-                       padding.Y*2+spacing.Y*(mydata.invsize.Y-1.0)+imgsize.Y + m_btn_height*2.0/3.0
-               );
+               if (mydata.real_coordinates) {
+                       mydata.size = v2s32(
+                               mydata.invsize.X*imgsize.X,
+                               mydata.invsize.Y*imgsize.Y
+                       );
+               } else {
+                       mydata.size = v2s32(
+                               padding.X*2+spacing.X*(mydata.invsize.X-1.0)+imgsize.X,
+                               padding.Y*2+spacing.Y*(mydata.invsize.Y-1.0)+imgsize.Y + m_btn_height*2.0/3.0
+                       );
+               }
+
                DesiredRect = mydata.rect = core::rect<s32>(
                                (s32)((f32)mydata.screensize.X * mydata.offset.X) - (s32)(mydata.anchor.X * (f32)mydata.size.X) + offset.X,
                                (s32)((f32)mydata.screensize.Y * mydata.offset.Y) - (s32)(mydata.anchor.Y * (f32)mydata.size.Y) + offset.Y,
@@ -2208,10 +2907,29 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
 
        pos_offset = v2f32();
 
+       // used for formspec versions < 3
+       core::list<IGUIElement *>::Iterator legacy_sort_start = Children.getLast();
+
        if (enable_prepends) {
+               // Backup the coordinates so that prepends can use the coordinates of choice.
+               bool rc_backup = mydata.real_coordinates;
+               u16 version_backup = m_formspec_version;
+               mydata.real_coordinates = false; // Old coordinates by default.
+
                std::vector<std::string> prepend_elements = split(m_formspec_prepend, ']');
                for (const auto &element : prepend_elements)
                        parseElement(&mydata, element);
+
+               // legacy sorting for formspec versions < 3
+               if (m_formspec_version >= 3)
+                       // prepends do not need to be reordered
+                       legacy_sort_start = Children.getLast();
+               else if (version_backup >= 3)
+                       // only prepends elements have to be reordered
+                       legacySortElements(legacy_sort_start);
+
+               m_formspec_version = version_backup;
+               mydata.real_coordinates = rc_backup; // Restore coordinates
        }
 
        for (; i< elements.size(); i++) {
@@ -2225,30 +2943,31 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
 
        // If there are fields without explicit size[], add a "Proceed"
        // button and adjust size to fit all the fields.
-       if (!m_fields.empty() && !mydata.explicit_size) {
+       if (mydata.simple_field_count > 0 && !mydata.explicit_size) {
                mydata.rect = core::rect<s32>(
-                               mydata.screensize.X/2 - 580/2,
-                               mydata.screensize.Y/2 - 300/2,
-                               mydata.screensize.X/2 + 580/2,
-                               mydata.screensize.Y/2 + 240/2+(m_fields.size()*60)
+                               mydata.screensize.X / 2 - 580 / 2,
+                               mydata.screensize.Y / 2 - 300 / 2,
+                               mydata.screensize.X / 2 + 580 / 2,
+                               mydata.screensize.Y / 2 + 240 / 2 + mydata.simple_field_count * 60
                );
+
                DesiredRect = mydata.rect;
                recalculateAbsolutePosition(false);
                mydata.basepos = getBasePos();
 
                {
                        v2s32 pos = mydata.basepos;
-                       pos.Y = ((m_fields.size()+2)*60);
+                       pos.Y = (mydata.simple_field_count + 2) * 60;
 
                        v2s32 size = DesiredRect.getSize();
-                       mydata.rect =
-                                       core::rect<s32>(size.X/2-70, pos.Y,
-                                                       (size.X/2-70)+140, pos.Y + (m_btn_height*2));
+                       mydata.rect = core::rect<s32>(
+                                       size.X / 2 - 70,       pos.Y,
+                                       size.X / 2 - 70 + 140, pos.Y + m_btn_height * 2
+                       );
                        const wchar_t *text = wgettext("Proceed");
-                       Environment->addButton(mydata.rect, this, 257, text);
+                       GUIButton::addButton(Environment, mydata.rect, this, 257, text);
                        delete[] text;
                }
-
        }
 
        //set initial focus if parser didn't set it
@@ -2259,28 +2978,78 @@ void GUIFormSpecMenu::regenerateGui(v2u32 screensize)
                setInitialFocus();
 
        skin->setFont(old_font);
+
+       // legacy sorting
+       if (m_formspec_version < 3)
+               legacySortElements(legacy_sort_start);
 }
 
-#ifdef __ANDROID__
-bool GUIFormSpecMenu::getAndroidUIInput()
+void GUIFormSpecMenu::legacySortElements(core::list<IGUIElement *>::Iterator from)
 {
-       /* no dialog shown */
-       if (m_JavaDialogFieldName == "") {
-               return false;
+       /*
+        * The order was:
+        * (0. background colors and backgrounds)
+        * 1. boxes
+        * 2. all normal elements (like buttons)
+        * 3. images
+        * 4. item images
+        * 5. item lists (TODO)
+        */
+
+       if (from == Children.end())
+               from = Children.begin();
+       else
+               from++;
+
+       core::list<IGUIElement *>::Iterator to = Children.end();
+
+       // step 1: move all boxes to back and all images to front
+       // (drawn in back = drawn first = in front of list)
+       for (auto i = from; i != to;) {
+               if (getTypeByID((*i)->getID()) == f_Box && i != from) {
+                       auto e = *i;
+                       i = Children.erase(i);
+                       Children.insert_before(from, e);
+               } else if ((*i)->hasType(gui::EGUIET_IMAGE)) {
+                       auto e = *i;
+                       i = Children.erase(i);
+                       Children.push_back(e);
+                       if (to == Children.end())
+                               to = Children.getLast(); // do not touch sorted back
+                       if (i == Children.end())
+                               break;
+               } else {
+                       i++;
+               }
        }
 
-       /* still waiting */
-       if (porting::getInputDialogState() == -1) {
-               return true;
+       // step 2: move all item images to front
+       for (auto i = from; i != to;) {
+               if (getTypeByID((*i)->getID()) == f_ItemImage) {
+                       auto e = *i;
+                       i = Children.erase(i);
+                       Children.push_back(e);
+                       if (to == Children.end())
+                               to = Children.getLast(); // do not touch sorted back
+                       if (i == Children.end())
+                               break;
+               } else {
+                       i++;
+               }
        }
 
-       std::string fieldname = m_JavaDialogFieldName;
-       m_JavaDialogFieldName = "";
+       // step 3: move all item lists to front
+       // TODO when item lists are drawn in order
+}
 
-       /* no value abort dialog processing */
-       if (porting::getInputDialogState() != 0) {
+#ifdef __ANDROID__
+bool GUIFormSpecMenu::getAndroidUIInput()
+{
+       if (!hasAndroidUIInput())
                return false;
-       }
+
+       std::string fieldname = m_jni_field_name;
+       m_jni_field_name.clear();
 
        for(std::vector<FieldSpec>::iterator iter =  m_fields.begin();
                        iter != m_fields.end(); ++iter) {
@@ -2288,7 +3057,7 @@ bool GUIFormSpecMenu::getAndroidUIInput()
                if (iter->fname != fieldname) {
                        continue;
                }
-               IGUIElement* tochange = getElementFromId(iter->fid);
+               IGUIElement *tochange = getElementFromId(iter->fid, true);
 
                if (tochange == 0) {
                        return false;
@@ -2300,8 +3069,7 @@ bool GUIFormSpecMenu::getAndroidUIInput()
 
                std::string text = porting::getInputDialogValue();
 
-               ((gui::IGUIEditBox*) tochange)->
-                       setText(utf8_to_wide(text).c_str());
+               ((gui::IGUIEditBox *)tochange)->setText(utf8_to_wide(text).c_str());
        }
        return false;
 }
@@ -2309,19 +3077,28 @@ bool GUIFormSpecMenu::getAndroidUIInput()
 
 GUIFormSpecMenu::ItemSpec GUIFormSpecMenu::getItemAtPos(v2s32 p) const
 {
-       core::rect<s32> imgrect(0,0,imgsize.X,imgsize.Y);
+       core::rect<s32> imgrect(0, 0, imgsize.X, imgsize.Y);
 
        for (const GUIFormSpecMenu::ListDrawSpec &s : m_inventorylists) {
+               core::rect<s32> clipping_rect = s.e->getAbsoluteClippingRect();
+               v2s32 base_pos = s.e->getAbsolutePosition().UpperLeftCorner;
                for(s32 i=0; i<s.geom.X*s.geom.Y; i++) {
                        s32 item_i = i + s.start_item_i;
-                       s32 x = (i%s.geom.X) * spacing.X;
-                       s32 y = (i/s.geom.X) * spacing.Y;
+
+                       s32 x;
+                       s32 y;
+                       if (s.real_coordinates) {
+                               x = (i%s.geom.X) * (imgsize.X * 1.25);
+                               y = (i/s.geom.X) * (imgsize.Y * 1.25);
+                       } else {
+                               x = (i%s.geom.X) * spacing.X;
+                               y = (i/s.geom.X) * spacing.Y;
+                       }
                        v2s32 p0(x,y);
-                       core::rect<s32> rect = imgrect + s.pos + p0;
-                       if(rect.isPointInside(p))
-                       {
+                       core::rect<s32> rect = imgrect + base_pos + p0;
+                       rect.clipAgainst(clipping_rect);
+                       if (rect.getArea() > 0 && rect.isPointInside(p))
                                return ItemSpec(s.inventoryloc, s.listname, item_i);
-                       }
                }
        }
 
@@ -2334,49 +3111,61 @@ void GUIFormSpecMenu::drawList(const ListDrawSpec &s, int layer,
        video::IVideoDriver* driver = Environment->getVideoDriver();
 
        Inventory *inv = m_invmgr->getInventory(s.inventoryloc);
-       if(!inv){
+       if (!inv) {
                warningstream<<"GUIFormSpecMenu::drawList(): "
-                               <<"The inventory location "
-                               <<"\""<<s.inventoryloc.dump()<<"\" doesn't exist"
-                               <<std::endl;
+                               << "The inventory location "
+                               << "\"" << s.inventoryloc.dump() << "\" doesn't exist anymore"
+                               << std::endl;
                return;
        }
        InventoryList *ilist = inv->getList(s.listname);
-       if(!ilist){
-               warningstream<<"GUIFormSpecMenu::drawList(): "
-                               <<"The inventory list \""<<s.listname<<"\" @ \""
-                               <<s.inventoryloc.dump()<<"\" doesn't exist"
-                               <<std::endl;
+       if (!ilist) {
+               warningstream << "GUIFormSpecMenu::drawList(): "
+                               << "The inventory list \"" << s.listname << "\" @ \""
+                               << s.inventoryloc.dump() << "\" doesn't exist anymore"
+                               << std::endl;
                return;
        }
 
-       core::rect<s32> imgrect(0,0,imgsize.X,imgsize.Y);
+       core::rect<s32> imgrect(0, 0, imgsize.X, imgsize.Y);
+       core::rect<s32> clipping_rect = s.e->getAbsoluteClippingRect();
+       v2s32 base_pos = s.e->getAbsolutePosition().UpperLeftCorner;
 
        for (s32 i = 0; i < s.geom.X * s.geom.Y; i++) {
                s32 item_i = i + s.start_item_i;
                if (item_i >= (s32)ilist->getSize())
                        break;
 
-               s32 x = (i%s.geom.X) * spacing.X;
-               s32 y = (i/s.geom.X) * spacing.Y;
+               s32 x;
+               s32 y;
+               if (s.real_coordinates) {
+                       x = (i%s.geom.X) * (imgsize.X * 1.25);
+                       y = (i/s.geom.X) * (imgsize.Y * 1.25);
+               } else {
+                       x = (i%s.geom.X) * spacing.X;
+                       y = (i/s.geom.X) * spacing.Y;
+               }
                v2s32 p(x,y);
-               core::rect<s32> rect = imgrect + s.pos + p;
+               core::rect<s32> rect = imgrect + base_pos + p;
                ItemStack item = ilist->getItem(item_i);
 
                bool selected = m_selected_item
                        && m_invmgr->getInventory(m_selected_item->inventoryloc) == inv
                        && m_selected_item->listname == s.listname
                        && m_selected_item->i == item_i;
-               bool hovering = rect.isPointInside(m_pointer);
+               core::rect<s32> clipped_rect(rect);
+               clipped_rect.clipAgainst(clipping_rect);
+               bool hovering = clipped_rect.getArea() > 0 &&
+                               clipped_rect.isPointInside(m_pointer);
                ItemRotationKind rotation_kind = selected ? IT_ROT_SELECTED :
                        (hovering ? IT_ROT_HOVERED : IT_ROT_NONE);
 
                if (layer == 0) {
                        if (hovering) {
                                item_hovered = true;
-                               driver->draw2DRectangle(m_slotbg_h, rect, &AbsoluteClippingRect);
+                               driver->draw2DRectangle(m_slotbg_h, rect, &clipping_rect);
                        } else {
-                               driver->draw2DRectangle(m_slotbg_n, rect, &AbsoluteClippingRect);
+                               driver->draw2DRectangle(m_slotbg_n, rect, &clipping_rect);
                        }
                }
 
@@ -2389,50 +3178,35 @@ void GUIFormSpecMenu::drawList(const ListDrawSpec &s, int layer,
                        s32 border = 1;
                        driver->draw2DRectangle(m_slotbordercolor,
                                core::rect<s32>(v2s32(x1 - border, y1 - border),
-                                                               v2s32(x2 + border, y1)), NULL);
+                                                               v2s32(x2 + border, y1)), &clipping_rect);
                        driver->draw2DRectangle(m_slotbordercolor,
                                core::rect<s32>(v2s32(x1 - border, y2),
-                                                               v2s32(x2 + border, y2 + border)), NULL);
+                                                               v2s32(x2 + border, y2 + border)), &clipping_rect);
                        driver->draw2DRectangle(m_slotbordercolor,
                                core::rect<s32>(v2s32(x1 - border, y1),
-                                                               v2s32(x1, y2)), NULL);
+                                                               v2s32(x1, y2)), &clipping_rect);
                        driver->draw2DRectangle(m_slotbordercolor,
                                core::rect<s32>(v2s32(x2, y1),
-                                                               v2s32(x2 + border, y2)), NULL);
+                                                               v2s32(x2 + border, y2)), &clipping_rect);
                }
 
                if (layer == 1) {
-                       // Draw item stack
                        if (selected)
                                item.takeItem(m_selected_amount);
 
                        if (!item.empty()) {
+                               // Draw item stack
                                drawItemStack(driver, m_font, item,
-                                       rect, &AbsoluteClippingRect, m_client,
-                                       rotation_kind);
-                       }
-
-                       // Draw tooltip
-                       std::wstring tooltip_text;
-                       if (hovering && !m_selected_item) {
-                               const std::string &desc = item.metadata.getString("description");
-                               if (desc.empty())
-                                       tooltip_text =
-                                               utf8_to_wide(item.getDefinition(m_client->idef()).description);
-                               else
-                                       tooltip_text = utf8_to_wide(desc);
-
-                               if (!item.name.empty()) {
-                                       if (tooltip_text.empty())
-                                               tooltip_text = utf8_to_wide(item.name);
+                                       rect, &clipping_rect, m_client, rotation_kind);
+                               // Draw tooltip
+                               if (hovering && !m_selected_item) {
+                                       std::string tooltip = item.getDescription(m_client->idef());
                                        if (m_tooltip_append_itemname)
-                                               tooltip_text += utf8_to_wide(" [" + item.name + "]");
+                                               tooltip += "\n[" + item.name + "]";
+                                       showTooltip(utf8_to_wide(tooltip), m_default_tooltip_color,
+                                                       m_default_tooltip_bgcolor);
                                }
                        }
-                       if (!tooltip_text.empty()) {
-                               showTooltip(tooltip_text, m_default_tooltip_color,
-                                       m_default_tooltip_bgcolor);
-                       }
                }
        }
 }
@@ -2442,9 +3216,10 @@ void GUIFormSpecMenu::drawSelectedItem()
        video::IVideoDriver* driver = Environment->getVideoDriver();
 
        if (!m_selected_item) {
+               // reset rotation time
                drawItemStack(driver, m_font, ItemStack(),
-                       core::rect<s32>(v2s32(0, 0), v2s32(0, 0)),
-                       NULL, m_client, IT_ROT_DRAGGED);
+                               core::rect<s32>(v2s32(0, 0), v2s32(0, 0)), NULL,
+                               m_client, IT_ROT_DRAGGED);
                return;
        }
 
@@ -2480,6 +3255,9 @@ void GUIFormSpecMenu::drawMenu()
 
        video::IVideoDriver* driver = Environment->getVideoDriver();
 
+       /*
+               Draw background color
+       */
        v2u32 screenSize = driver->getScreenSize();
        core::rect<s32> allbg(0, 0, screenSize.X, screenSize.Y);
 
@@ -2488,10 +3266,14 @@ void GUIFormSpecMenu::drawMenu()
        else
                driver->draw2DRectangle(m_bgcolor, AbsoluteRect, &AbsoluteClippingRect);
 
+       /*
+               Draw rect_mode tooltip
+       */
        m_tooltip_element->setVisible(false);
 
        for (const auto &pair : m_tooltip_rects) {
-               if (pair.first.isPointInside(m_pointer)) {
+               const core::rect<s32> &rect = pair.first->getAbsoluteClippingRect();
+               if (rect.getArea() > 0 && rect.isPointInside(m_pointer)) {
                        const std::wstring &text = pair.second.tooltip;
                        if (!text.empty()) {
                                showTooltip(text, pair.second.color, pair.second.bgcolor);
@@ -2503,45 +3285,10 @@ void GUIFormSpecMenu::drawMenu()
        /*
                Draw backgrounds
        */
-       for (const GUIFormSpecMenu::ImageDrawSpec &spec : m_backgrounds) {
-               video::ITexture *texture = m_tsrc->getTexture(spec.name);
-
-               if (texture != 0) {
-                       // Image size on screen
-                       core::rect<s32> imgrect(0, 0, spec.geom.X, spec.geom.Y);
-                       // Image rectangle on screen
-                       core::rect<s32> rect = imgrect + spec.pos;
-
-                       if (spec.clip) {
-                               core::dimension2d<s32> absrec_size = AbsoluteRect.getSize();
-                               rect = core::rect<s32>(AbsoluteRect.UpperLeftCorner.X - spec.pos.X,
-                                                                       AbsoluteRect.UpperLeftCorner.Y - spec.pos.Y,
-                                                                       AbsoluteRect.UpperLeftCorner.X + absrec_size.Width + spec.pos.X,
-                                                                       AbsoluteRect.UpperLeftCorner.Y + absrec_size.Height + spec.pos.Y);
-                       }
-
-                       const video::SColor color(255,255,255,255);
-                       const video::SColor colors[] = {color,color,color,color};
-                       draw2DImageFilterScaled(driver, texture, rect,
-                               core::rect<s32>(core::position2d<s32>(0,0),
-                                               core::dimension2di(texture->getOriginalSize())),
-                               NULL/*&AbsoluteClippingRect*/, colors, true);
-               } else {
-                       errorstream << "GUIFormSpecMenu::drawMenu() Draw backgrounds unable to load texture:" << std::endl;
-                       errorstream << "\t" << spec.name << std::endl;
-               }
-       }
-
-       /*
-               Draw Boxes
-       */
-       for (const GUIFormSpecMenu::BoxDrawSpec &spec : m_boxes) {
-               irr::video::SColor todraw = spec.color;
-
-               core::rect<s32> rect(spec.pos.X,spec.pos.Y,
-                                                       spec.pos.X + spec.geom.X,spec.pos.Y + spec.geom.Y);
-
-               driver->draw2DRectangle(todraw, rect, 0);
+       for (gui::IGUIElement *e : m_backgrounds) {
+               e->setVisible(true);
+               e->draw();
+               e->setVisible(false);
        }
 
        /*
@@ -2549,64 +3296,6 @@ void GUIFormSpecMenu::drawMenu()
        */
        gui::IGUIElement::draw();
 
-       /*
-               Draw images
-       */
-       for (const GUIFormSpecMenu::ImageDrawSpec &spec : m_images) {
-               video::ITexture *texture = m_tsrc->getTexture(spec.name);
-
-               if (texture != 0) {
-                       const core::dimension2d<u32>& img_origsize = texture->getOriginalSize();
-                       // Image size on screen
-                       core::rect<s32> imgrect;
-
-                       if (spec.scale)
-                               imgrect = core::rect<s32>(0,0,spec.geom.X, spec.geom.Y);
-                       else {
-
-                               imgrect = core::rect<s32>(0,0,img_origsize.Width,img_origsize.Height);
-                       }
-                       // Image rectangle on screen
-                       core::rect<s32> rect = imgrect + spec.pos;
-                       const video::SColor color(255,255,255,255);
-                       const video::SColor colors[] = {color,color,color,color};
-                       draw2DImageFilterScaled(driver, texture, rect,
-                               core::rect<s32>(core::position2d<s32>(0,0),img_origsize),
-                               NULL/*&AbsoluteClippingRect*/, colors, true);
-               }
-               else {
-                       errorstream << "GUIFormSpecMenu::drawMenu() Draw images unable to load texture:" << std::endl;
-                       errorstream << "\t" << spec.name << std::endl;
-               }
-       }
-
-       /*
-               Draw item images
-       */
-       for (const GUIFormSpecMenu::ImageDrawSpec &spec : m_itemimages) {
-               if (m_client == 0)
-                       break;
-
-               IItemDefManager *idef = m_client->idef();
-               ItemStack item;
-               item.deSerialize(spec.item_name, idef);
-               core::rect<s32> imgrect(0, 0, spec.geom.X, spec.geom.Y);
-               // Viewport rectangle on screen
-               core::rect<s32> rect = imgrect + spec.pos;
-               if (spec.parent_button && spec.parent_button->isPressed()) {
-#if (IRRLICHT_VERSION_MAJOR == 1 && IRRLICHT_VERSION_MINOR < 8)
-                       rect += core::dimension2d<s32>(
-                               0.05 * (float)rect.getWidth(), 0.05 * (float)rect.getHeight());
-#else
-                       rect += core::dimension2d<s32>(
-                               skin->getSize(irr::gui::EGDS_BUTTON_PRESSED_IMAGE_OFFSET_X),
-                               skin->getSize(irr::gui::EGDS_BUTTON_PRESSED_IMAGE_OFFSET_Y));
-#endif
-               }
-               drawItemStack(driver, m_font, item, rect, &AbsoluteClippingRect,
-                               m_client, IT_ROT_NONE);
-       }
-
        /*
                Draw items
                Layer 0: Item slot rectangles
@@ -2619,6 +3308,7 @@ void GUIFormSpecMenu::drawMenu()
                }
        }
        if (!item_hovered) {
+               // reset rotation time
                drawItemStack(driver, m_font, ItemStack(),
                        core::rect<s32>(v2s32(0, 0), v2s32(0, 0)),
                        NULL, m_client, IT_ROT_HOVERED);
@@ -2629,27 +3319,6 @@ void GUIFormSpecMenu::drawMenu()
        m_pointer = RenderingEngine::get_raw_device()->getCursorControl()->getPosition();
 #endif
 
-       /*
-               Draw static text elements
-       */
-       for (const GUIFormSpecMenu::StaticTextSpec &spec : m_static_texts) {
-               core::rect<s32> rect = spec.rect;
-               if (spec.parent_button && spec.parent_button->isPressed()) {
-#if (IRRLICHT_VERSION_MAJOR == 1 && IRRLICHT_VERSION_MINOR < 8)
-                       rect += core::dimension2d<s32>(
-                               0.05 * (float)rect.getWidth(), 0.05 * (float)rect.getHeight());
-#else
-                       // Use image offset instead of text's because its a bit smaller
-                       // and fits better, also TEXT_OFFSET_X is always 0
-                       rect += core::dimension2d<s32>(
-                               skin->getSize(irr::gui::EGDS_BUTTON_PRESSED_IMAGE_OFFSET_X),
-                               skin->getSize(irr::gui::EGDS_BUTTON_PRESSED_IMAGE_OFFSET_Y));
-#endif
-               }
-               video::SColor color(255, 255, 255, 255);
-               m_font->draw(spec.text.c_str(), rect, color, true, true, &rect);
-       }
-
        /*
                Draw fields/buttons tooltips
        */
@@ -2880,10 +3549,14 @@ void GUIFormSpecMenu::acceptInput(FormspecQuitMode quitmode=quit_mode_no)
                                else if(s.ftype == f_DropDown) {
                                        // no dynamic cast possible due to some distributions shipped
                                        // without rtti support in irrlicht
-                                       IGUIElement * element = getElementFromId(s.fid);
+                                       IGUIElement *element = getElementFromId(s.fid, true);
                                        gui::IGUIComboBox *e = NULL;
                                        if ((element) && (element->getType() == gui::EGUIET_COMBO_BOX)) {
                                                e = static_cast<gui::IGUIComboBox*>(element);
+                                       } else {
+                                               warningstream << "GUIFormSpecMenu::acceptInput: dropdown "
+                                                               << "field without dropdown element" << std::endl;
+                                               continue;
                                        }
                                        s32 selected = e->getSelected();
                                        if (selected >= 0) {
@@ -2897,8 +3570,8 @@ void GUIFormSpecMenu::acceptInput(FormspecQuitMode quitmode=quit_mode_no)
                                else if (s.ftype == f_TabHeader) {
                                        // no dynamic cast possible due to some distributions shipped
                                        // without rttzi support in irrlicht
-                                       IGUIElement * element = getElementFromId(s.fid);
-                                       gui::IGUITabControl *e = NULL;
+                                       IGUIElement *element = getElementFromId(s.fid, true);
+                                       gui::IGUITabControl *e = nullptr;
                                        if ((element) && (element->getType() == gui::EGUIET_TAB_CONTROL)) {
                                                e = static_cast<gui::IGUITabControl *>(element);
                                        }
@@ -2912,8 +3585,8 @@ void GUIFormSpecMenu::acceptInput(FormspecQuitMode quitmode=quit_mode_no)
                                else if (s.ftype == f_CheckBox) {
                                        // no dynamic cast possible due to some distributions shipped
                                        // without rtti support in irrlicht
-                                       IGUIElement * element = getElementFromId(s.fid);
-                                       gui::IGUICheckBox *e = NULL;
+                                       IGUIElement *element = getElementFromId(s.fid, true);
+                                       gui::IGUICheckBox *e = nullptr;
                                        if ((element) && (element->getType() == gui::EGUIET_CHECK_BOX)) {
                                                e = static_cast<gui::IGUICheckBox*>(element);
                                        }
@@ -2928,13 +3601,12 @@ void GUIFormSpecMenu::acceptInput(FormspecQuitMode quitmode=quit_mode_no)
                                else if (s.ftype == f_ScrollBar) {
                                        // no dynamic cast possible due to some distributions shipped
                                        // without rtti support in irrlicht
-                                       IGUIElement * element = getElementFromId(s.fid);
-                                       gui::IGUIScrollBar *e = NULL;
-                                       if ((element) && (element->getType() == gui::EGUIET_SCROLL_BAR)) {
-                                               e = static_cast<gui::IGUIScrollBar*>(element);
-                                       }
+                                       IGUIElement *element = getElementFromId(s.fid, true);
+                                       GUIScrollBar *e = nullptr;
+                                       if (element && element->getType() == gui::EGUIET_ELEMENT)
+                                               e = static_cast<GUIScrollBar *>(element);
 
-                                       if (e != 0) {
+                                       if (e) {
                                                std::stringstream os;
                                                os << e->getPos();
                                                if (s.fdefault == L"Changed")
@@ -2943,12 +3615,10 @@ void GUIFormSpecMenu::acceptInput(FormspecQuitMode quitmode=quit_mode_no)
                                                        fields[name] = "VAL:" + os.str();
                                        }
                                }
-                               else
-                               {
-                                       IGUIElement* e = getElementFromId(s.fid);
-                                       if(e != NULL) {
+                               else {
+                                       IGUIElement *e = getElementFromId(s.fid, true);
+                                       if (e)
                                                fields[name] = wide_to_utf8(e->getText());
-                                       }
                                }
                        }
                }
@@ -3012,9 +3682,10 @@ bool GUIFormSpecMenu::preprocessEvent(const SEvent& event)
                        }
                }
        }
-       // Mouse wheel events: send to hovered element instead of focused
-       if(event.EventType==EET_MOUSE_INPUT_EVENT
-                       && event.MouseInput.Event == EMIE_MOUSE_WHEEL) {
+       // Mouse wheel and move events: send to hovered element instead of focused
+       if (event.EventType == EET_MOUSE_INPUT_EVENT &&
+                       (event.MouseInput.Event == EMIE_MOUSE_WHEEL ||
+                        event.MouseInput.Event == EMIE_MOUSE_MOVED)) {
                s32 x = event.MouseInput.X;
                s32 y = event.MouseInput.Y;
                gui::IGUIElement *hovered =
@@ -3022,7 +3693,7 @@ bool GUIFormSpecMenu::preprocessEvent(const SEvent& event)
                                core::position2d<s32>(x, y));
                if (hovered && isMyChild(hovered)) {
                        hovered->OnEvent(event);
-                       return true;
+                       return event.MouseInput.Event == EMIE_MOUSE_WHEEL;
                }
        }
 
@@ -3042,158 +3713,6 @@ bool GUIFormSpecMenu::preprocessEvent(const SEvent& event)
                }
        }
 
-       #ifdef __ANDROID__
-       // display software keyboard when clicking edit boxes
-       if (event.EventType == EET_MOUSE_INPUT_EVENT
-                       && event.MouseInput.Event == EMIE_LMOUSE_PRESSED_DOWN) {
-               gui::IGUIElement *hovered =
-                       Environment->getRootGUIElement()->getElementFromPoint(
-                               core::position2d<s32>(event.MouseInput.X, event.MouseInput.Y));
-               if ((hovered) && (hovered->getType() == irr::gui::EGUIET_EDIT_BOX)) {
-                       bool retval = hovered->OnEvent(event);
-                       if (retval)
-                               Environment->setFocus(hovered);
-
-                       std::string field_name = getNameByID(hovered->getID());
-                       /* read-only field */
-                       if (field_name.empty())
-                               return retval;
-
-                       m_JavaDialogFieldName = field_name;
-                       std::string message   = gettext("Enter ");
-                       std::string label     = wide_to_utf8(getLabelByID(hovered->getID()));
-                       if (label.empty())
-                               label = "text";
-                       message += gettext(label) + ":";
-
-                       /* single line text input */
-                       int type = 2;
-
-                       /* multi line text input */
-                       if (((gui::IGUIEditBox*) hovered)->isMultiLineEnabled())
-                               type = 1;
-
-                       /* passwords are always single line */
-                       if (((gui::IGUIEditBox*) hovered)->isPasswordBox())
-                               type = 3;
-
-                       porting::showInputDialog(gettext("ok"), "",
-                                       wide_to_utf8(((gui::IGUIEditBox*) hovered)->getText()),
-                                       type);
-                       return retval;
-               }
-       }
-
-       if (event.EventType == EET_TOUCH_INPUT_EVENT)
-       {
-               SEvent translated;
-               memset(&translated, 0, sizeof(SEvent));
-               translated.EventType   = EET_MOUSE_INPUT_EVENT;
-               gui::IGUIElement* root = Environment->getRootGUIElement();
-
-               if (!root) {
-                       errorstream
-                       << "GUIFormSpecMenu::preprocessEvent unable to get root element"
-                       << std::endl;
-                       return false;
-               }
-               gui::IGUIElement* hovered = root->getElementFromPoint(
-                       core::position2d<s32>(
-                                       event.TouchInput.X,
-                                       event.TouchInput.Y));
-
-               translated.MouseInput.X = event.TouchInput.X;
-               translated.MouseInput.Y = event.TouchInput.Y;
-               translated.MouseInput.Control = false;
-
-               bool dont_send_event = false;
-
-               if (event.TouchInput.touchedCount == 1) {
-                       switch (event.TouchInput.Event) {
-                               case ETIE_PRESSED_DOWN:
-                                       m_pointer = v2s32(event.TouchInput.X,event.TouchInput.Y);
-                                       translated.MouseInput.Event = EMIE_LMOUSE_PRESSED_DOWN;
-                                       translated.MouseInput.ButtonStates = EMBSM_LEFT;
-                                       m_down_pos = m_pointer;
-                                       break;
-                               case ETIE_MOVED:
-                                       m_pointer = v2s32(event.TouchInput.X,event.TouchInput.Y);
-                                       translated.MouseInput.Event = EMIE_MOUSE_MOVED;
-                                       translated.MouseInput.ButtonStates = EMBSM_LEFT;
-                                       break;
-                               case ETIE_LEFT_UP:
-                                       translated.MouseInput.Event = EMIE_LMOUSE_LEFT_UP;
-                                       translated.MouseInput.ButtonStates = 0;
-                                       hovered = root->getElementFromPoint(m_down_pos);
-                                       /* we don't have a valid pointer element use last
-                                        * known pointer pos */
-                                       translated.MouseInput.X = m_pointer.X;
-                                       translated.MouseInput.Y = m_pointer.Y;
-
-                                       /* reset down pos */
-                                       m_down_pos = v2s32(0,0);
-                                       break;
-                               default:
-                                       dont_send_event = true;
-                                       //this is not supposed to happen
-                                       errorstream
-                                       << "GUIFormSpecMenu::preprocessEvent unexpected usecase Event="
-                                       << event.TouchInput.Event << std::endl;
-                       }
-               } else if ( (event.TouchInput.touchedCount == 2) &&
-                               (event.TouchInput.Event == ETIE_PRESSED_DOWN) ) {
-                       hovered = root->getElementFromPoint(m_down_pos);
-
-                       translated.MouseInput.Event = EMIE_RMOUSE_PRESSED_DOWN;
-                       translated.MouseInput.ButtonStates = EMBSM_LEFT | EMBSM_RIGHT;
-                       translated.MouseInput.X = m_pointer.X;
-                       translated.MouseInput.Y = m_pointer.Y;
-
-                       if (hovered) {
-                               hovered->OnEvent(translated);
-                       }
-
-                       translated.MouseInput.Event = EMIE_RMOUSE_LEFT_UP;
-                       translated.MouseInput.ButtonStates = EMBSM_LEFT;
-
-
-                       if (hovered) {
-                               hovered->OnEvent(translated);
-                       }
-                       dont_send_event = true;
-               }
-               /* ignore unhandled 2 touch events ... accidental moving for example */
-               else if (event.TouchInput.touchedCount == 2) {
-                       dont_send_event = true;
-               }
-               else if (event.TouchInput.touchedCount > 2) {
-                       errorstream
-                       << "GUIFormSpecMenu::preprocessEvent to many multitouch events "
-                       << event.TouchInput.touchedCount << " ignoring them" << std::endl;
-               }
-
-               if (dont_send_event) {
-                       return true;
-               }
-
-               /* check if translated event needs to be preprocessed again */
-               if (preprocessEvent(translated)) {
-                       return true;
-               }
-               if (hovered) {
-                       grab();
-                       bool retval = hovered->OnEvent(translated);
-
-                       if (event.TouchInput.Event == ETIE_LEFT_UP) {
-                               /* reset pointer */
-                               m_pointer = v2s32(0,0);
-                       }
-                       drop();
-                       return retval;
-               }
-       }
-       #endif
-
        if (event.EventType == irr::EET_JOYSTICK_INPUT_EVENT) {
                /* TODO add a check like:
                if (event.JoystickEvent != joystick_we_listen_for)
@@ -3213,7 +3732,7 @@ bool GUIFormSpecMenu::preprocessEvent(const SEvent& event)
                return handled;
        }
 
-       return false;
+       return GUIModalMenu::preprocessEvent(event);
 }
 
 /******************************************************************************/
@@ -3559,7 +4078,7 @@ bool GUIFormSpecMenu::OnEvent(const SEvent& event)
                        // Mouse has been moved and rmb is down and mouse pointer just
                        // entered a new inventory field (checked in the entry-if, this
                        // is the only action here that is generated by mouse movement)
-                       if (m_selected_item && s.isValid()) {
+                       if (m_selected_item && s.isValid() && s.listname != "craftpreview") {
                                // Move 1 item
                                // TODO: middle mouse to move 10 items might be handy
                                if (m_auto_place) {
@@ -3723,8 +4242,8 @@ bool GUIFormSpecMenu::OnEvent(const SEvent& event)
                }
                m_old_pointer = m_pointer;
        }
-       if (event.EventType == EET_GUI_EVENT) {
 
+       if (event.EventType == EET_GUI_EVENT) {
                if (event.GUIEvent.EventType == gui::EGET_TAB_CHANGED
                                && isVisible()) {
                        // find the element that was clicked
@@ -3810,6 +4329,11 @@ bool GUIFormSpecMenu::OnEvent(const SEvent& event)
                                        s.fdefault = L"Changed";
                                        acceptInput(quit_mode_no);
                                        s.fdefault = L"";
+                               } else if ((s.ftype == f_Unknown) &&
+                                               (s.fid == event.GUIEvent.Caller->getID())) {
+                                       s.send = true;
+                                       acceptInput();
+                                       s.send = false;
                                }
                        }
                }
@@ -3872,13 +4396,22 @@ bool GUIFormSpecMenu::OnEvent(const SEvent& event)
 std::string GUIFormSpecMenu::getNameByID(s32 id)
 {
        for (FieldSpec &spec : m_fields) {
-               if (spec.fid == id) {
+               if (spec.fid == id)
                        return spec.fname;
-               }
        }
        return "";
 }
 
+
+FormspecFieldType GUIFormSpecMenu::getTypeByID(s32 id)
+{
+       for (FieldSpec &spec : m_fields) {
+               if (spec.fid == id)
+                       return spec.ftype;
+       }
+       return f_Unknown;
+}
+
 /**
  * get label of element by id
  * @param id of element
@@ -3887,9 +4420,32 @@ std::string GUIFormSpecMenu::getNameByID(s32 id)
 std::wstring GUIFormSpecMenu::getLabelByID(s32 id)
 {
        for (FieldSpec &spec : m_fields) {
-               if (spec.fid == id) {
+               if (spec.fid == id)
                        return spec.flabel;
-               }
        }
        return L"";
 }
+
+StyleSpec GUIFormSpecMenu::getStyleForElement(const std::string &type,
+               const std::string &name, const std::string &parent_type) {
+       StyleSpec ret;
+
+       if (!parent_type.empty()) {
+               auto it = theme_by_type.find(parent_type);
+               if (it != theme_by_type.end()) {
+                       ret |= it->second;
+               }
+       }
+
+       auto it = theme_by_type.find(type);
+       if (it != theme_by_type.end()) {
+               ret |= it->second;
+       }
+
+       it = theme_by_name.find(name);
+       if (it != theme_by_name.end()) {
+               ret |= it->second;
+       }
+
+       return ret;
+}