Welcome, Guest
Username: Password: Remember me

TOPIC: Customization of UI

Customization of UI 1 year 6 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 1 year 6 months ago #93112

  • ResearchOnBlogs
  • ResearchOnBlogs'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 1 year 6 months ago #93120

  • holch
  • holch's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2675
  • Thank you received: 323
  • Karma: 121
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 | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

Customization of UI 1 year 6 months ago #93121

  • holch
  • holch's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2675
  • Thank you received: 323
  • Karma: 121
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 | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.104 seconds
Donation Image