If you have questions or if you want to share your opinion about Aware IM post your message on this forum
#53524 by jannes
Thu Mar 19, 2020 10:46 pm
How to achieve a look-and-feel (in CSS..?) like in the attachment... ?

- Quit / lightweight layout
- No lines
- No shadows
- Buttons same width
- No double lines
- No rounded corners
- Less white space in header (HTML-field)

Is it all possible in CSS ?

= Jannes
lookandfeel.png (131.79 KiB) Viewed 1297 times
#53528 by aware_support
Fri Mar 20, 2020 4:00 am
Yes, it is all possible, but you need to know how to work with CSS inspector in a browser. There is also a video tutorial on how to work with custom CSS in Aware IM. Or you can hire an expert to do it for you.
#53530 by joben
Fri Mar 20, 2020 7:20 am
It looks very achievable to me.

We prefer using a custom CSS file on the server for each specific Business Space.

Here are the basics that you need to learn to get closer to your goal:
  • Learn about CSS classes and id's and how different CSS rules are prioritized
  • Create a .css file in the Custom directory for your Business Space
  • Learn to use the built-in web developer console (F12) in your browser and the element inspector to see all the loaded CSS for the chosen element for testing things directly or troubleshooting.

These are the most important CSS properties based on your goals:
Code: Select allbox-shadow:none;

Good luck with your design! It would be nice to see how your application turns out!

Who is online

Users browsing this forum: Google [Bot] and 27 guests