jQuery EasyUI in Web: Tips to Make it Work in all Browsers

Download PDF
How to implement jQuery EasyUI for all browsers

Some web applications become more user-friendly if their interface is similar to desktop apps. This applies to various economic, business and other software with many interface elements. JEasyUI can make life easier for those who develop the applications.

jQuery EasyUI framework in web apps

Framework jQuery EasyUI has such useful components as panel, datagrid, menu, combobox, dialog, tree and many other elements.

Using this framework you don’t have to write a lot of javascript code. So your markup becomes clear and easy to understand. In addition, JEasyUI has about 25 themes and it is easy and pleasant to work with.

How to make jQuery EasyUI work in different browsers?

There are two ways to declare components:

  1. Within HTML5

  2. Using JavaScript

However, we had a little trouble with the second way in IE9. There was a layout that consisted of panel and the input field inside this panel. The input field data, loaded via Ajax, strangely jumped out. Markup was the following:

All options were set programmatically within JavaScript. To fix the bug we just rewrote the panel element with the same options using only HTML5:

As a result, the panel looked really nice in all browsers.

 

Chief Product Officer
With a passion for innovation and a keen understanding of market trends, Alexander plays a pivotal role in shaping Magora's product development strategy and ensuring the delivery of cutting-edge solutions to clients.
open
related
Using UI Tests to Improve Your App Why Is a CTA Button Important for Your Site? Push Notifications: Don’t Let Users Forget about Your App 5 Smart Ways to Refine Your Lead Generation Strategy
recent
3 Ways AI is Shaping the Future of Sustainability How to Develop an AI Chatbot for Your Real Estate Business Generational nuances: crafting the user experience in 2024 VisionOS App Development: The Era of Spatial Computing
recommended
Everything You Want to Know About Mobile App Development App Development Calculator Infographics: Magora development process Dictionary
categories
News Technologies Design Business Development HealthTech IoT AI/ML PropTech FinTech EdTech Mobile Apps Discovery Transport&Logistics AR/VR Big Data Sustainability Startup Enterprise Security
Logo Magora LTD
close
Thank you very much.
Magora team

Grab your e-book: Design to attract more buyers

Logo Magora LTD
close
Get in touch
Open list
Open list
Logo Magora LTD
close
Thank you very much.

Your registration to the webinar on the 27th of September at 2 p.m. BST was successfuly completed.
We will send you a reminder on the day before the event.
Magora team
Registration for a webinar

"Let Smart Bots Speed up your Business"
Date: 27.09.2018 Time: 2 p.m. BST
Do you agree to the personal data processing?


Logo Magora LTD
close
Download our curated selection of resources for accelerating your software development journey.