Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:

TOPIC: Customization of UI

Customization of UI 3 years 9 months ago #93100

  • JVG
  • JVG's Avatar
  • Offline
  • Fresh Lemon
  • Posts: 7
  • Karma: 0
Hi,

I need to customize UI of LS Admin Panel so that it can match the app we are developing . I need the template in blue color and even the icons. I tried customizing icons in Photoshop(though i am not an expert in it) to blue but there is transparency issue. We are using www.egrappler.com/bluewhale-admin/dashboard.html UI and we need admin to feel seamless when he navigates to LS, so can anyone please suggest the best way of doing it.
The administrator has disabled public write access.

Customization of UI 3 years 9 months ago #93112

  • KRav
  • KRav's Avatar
  • Offline
  • Gold Lime
  • Posts: 184
  • Thank you received: 16
  • Karma: 8
You should dive into the admin template files and change a given admin style or try to register your own template. That should not be a huge problem (solution 1 in any case). A transparent problem shouldn't appear, if you recolor the icons and save them as trans. png.

Cheers Kai

research on BLOGS - Professional LimeSurvey support
Consultant - Templates - Training - JQuery magic - Support - Coding - Survey creation and more..

Contact
Professional LimeSurvey support
This email address is being protected from spambots. You need JavaScript enabled to view it.
The administrator has disabled public write access.

Customization of UI 3 years 9 months ago #93120

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5441
  • Thank you received: 813
  • Karma: 240
Copy one of the admin templates and adapt it accordingly.

However, when I worked on our admin template, there are things you can't change easily. But changing colors should be no problem, it only takes some time to find your way around and find the right classes and ids that influence certain elements.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | [url=https://manual.limesurvey.org/Workarounds[/url]

If you found this answer helpful and it saved you some time please consider a [url=https://donate.limesurvey.org[/url] to the...
The administrator has disabled public write access.

Customization of UI 3 years 9 months ago #93121

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5441
  • Thank you received: 813
  • Karma: 240
Regarding the images I can't be much of a help, because the green is almost identical with one of our corporate colors, so I opted not to change anything, because no one will perceive it anyway.

But I think you need to save them as PNGs with transparent background.
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | [url=https://manual.limesurvey.org/Workarounds[/url]

If you found this answer helpful and it saved you some time please consider a [url=https://donate.limesurvey.org[/url] to the...
The administrator has disabled public write access.
Time to create page: 0.415 seconds
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form