{"id":6485,"date":"2019-08-14T11:21:56","date_gmt":"2019-08-14T08:21:56","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=6485"},"modified":"2026-09-24T18:28:28","modified_gmt":"2026-09-24T15:28:28","slug":"customer-spotlight-dhtmlxlayout-dhtmlxgrid-cesc","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/customer-spotlight-dhtmlxlayout-dhtmlxgrid-cesc\/","title":{"rendered":"Customer Spotlight: dhtmlxLayout and dhtmlxGrid for CESC-IT"},"content":{"rendered":"<p>\n        <div class=\"info-block\">\n            <div class=\"info-icon\">\n                <svg viewBox=\"0 0 14 16\">\n                    <path fill-rule=\"evenodd\" d=\"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z\"><\/path>\n                <\/svg>\n\n                INFO\n            <\/div>\n\n            <div class=\"info-content\">\n                <p>\n                    If you are using an outdated version of DHTMLX Suite 5 and require the documentation for it, \n                    please <a href=\"https:\/\/dhtmlx.com\/docs\/contact.shtml\" title=\"\">contact us<\/a>, <br \/>and we will send it to you.\n                <\/p>\n            <\/div>\n        <\/div>\n    <br \/>\n<em>This time <a href=\"https:\/\/cesc-it.com\/\" rel=\"noopener\" target=\"_blank\">CESC-IT<\/a>, software company from Catalonia, will tell us about their experience integrating the UI components &#8211; <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxLayout\/\" rel=\"noopener\" target=\"_blank\">Layout<\/a> and <a href=\"https:\/\/dhtmlx.com\/docs\/products\/dhtmlxGrid\/\" rel=\"noopener\" target=\"_blank\">Grid<\/a> &#8211; into their software solution for public administration EGUS.<br \/>\n<\/em><\/p>\n<p>\ufeffEGUS is a multilanguage software solution designed for the departments of public administration responsible for the registration of municipal activities; town councils, police forces, etc.<\/p>\n<p>The software allows the user to manage the commercial activities located within the limits of a municipality in real-time and makes them visible in a GIS map, so they can be fastly located. <\/p>\n<p>It also allows creating a registry of relevant data like license number or capacity.<br \/>\nFurthermore, the user can store data from establishments, individuals or legal entities related to the activity, incidents and if necessary, attach documentation about them.<\/p>\n<p><iframe loading=\"lazy\" width=\"900\" height=\"511\" src=\"https:\/\/www.youtube.com\/embed\/oUZMbB5CKoo\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>In order to achieve this challenge, we have integrated OpenLayers to dhtmlx by developing a Javascript language software solution, based on Java Server technology + html5 + DHTMLX with its components of LAYOUTS and DATAGRIDPRO.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus1.png\" alt=\"eGus by CESC IT with DHTMLX Layout and Grid\" width=\"1917\" height=\"957\" class=\"aligncenter size-full wp-image-6487\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus1.png 1917w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus1-300x150.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus1-768x383.png 768w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus1-1024x511.png 1024w\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" \/><\/p>\n<p>We wanted to have the server data displayed on a GIS map and that with the map on the screen the user could filter activities faster, for example; by typology, date and\/or polygon selection, obtaining geolocated search data on the map in the form of activities.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus2.png\" alt=\"eGus by CESC-IT with DHTMLX Layout and Grid\" width=\"1916\" height=\"953\" class=\"aligncenter size-full wp-image-6489\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus2.png 1916w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus2-300x149.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus2-768x382.png 768w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus2-1024x509.png 1024w\" sizes=\"auto, (max-width: 1916px) 100vw, 1916px\" \/><\/p>\n<p>The components of Layout + Datagridpro have allowed us to work with grids by grouping them according to applied filters. By this way, we give the users a great deal of power so that they can have immediate results, without overloading the server with new requests in the database. In conjunction with dhtmlxGridpro, we have integrated Openlayers to display the data on a GIS map, and this component has controls to show or delete lines of information according to interests in real-time.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus3.png\" alt=\"eGus by CESC-IT with DHTMLX Layout and Grid\" width=\"1917\" height=\"957\" class=\"aligncenter size-full wp-image-6490\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus3.png 1917w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus3-300x150.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus3-768x383.png 768w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2019\/08\/eGus3-1024x511.png 1024w\" sizes=\"auto, (max-width: 1917px) 100vw, 1917px\" \/><\/p>\n<p><em>Great thanks to the developers of EGUS from <a href=\"https:\/\/cesc-it.com\/\" rel=\"noopener\" target=\"_blank\">CESC-IT<\/a> for sharing their experience with us! <\/p>\n<p>If you&#8217;d like your story to be highlighted on our blog, feel free to <a href=\"https:\/\/dhtmlx.com\/docs\/submit-showcases.shtml\" rel=\"noopener\" target=\"_blank\">submit it here<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This time CESC-IT, software company from Catalonia, will tell us about their experience integrating the UI components &#8211; Layout and Grid &#8211; into their software solution for public administration &#8230;<\/p>\n","protected":false},"author":101012,"featured_media":5907,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73,1],"tags":[33,13,6,10],"class_list":["post-6485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-customer-stories","category-uncategorized","tag-all-posts","tag-customers-say","tag-dhtmlxgrid","tag-dhtmlxsuite"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/6485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/101012"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=6485"}],"version-history":[{"count":2,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/6485\/revisions"}],"predecessor-version":[{"id":15380,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/6485\/revisions\/15380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/5907"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=6485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=6485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=6485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}