CSS / look and feel

If you have questions or if you want to share your opinion about Aware IM post your message on this forum
Post Reply
jannes
Posts: 100
Joined: Tue Jul 02, 2019 12:22 pm

CSS / look and feel

Post by jannes »

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)
etc..

Is it all possible in CSS ?

= Jannes
Attachments
lookandfeel.png
lookandfeel.png (131.79 KiB) Viewed 4922 times
aware_support
Posts: 7523
Joined: Sun Apr 24, 2005 12:36 am
Contact:

Re: CSS / look and feel

Post by aware_support »

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.
Aware IM Support Team
joben
Posts: 221
Joined: Wed Nov 06, 2019 9:49 pm
Location: Sweden
Contact:

Re: CSS / look and feel

Post by joben »

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 all

box-shadow:none;
border:0;
border-radius:0;
width:;
height:;
background-color:;
Good luck with your design! It would be nice to see how your application turns out!
Regards, Joakim

Image
Post Reply