If you have questions or if you want to share your opinion about Aware IM post your message on this forum
#53470 by ddumas
Thu Mar 12, 2020 6:31 pm
In the top "Banner" section of my Visual Perspective (VP), I would like to display a logo. I have attached a screenshot in which I have defined a .jpg file as the "background" property of the Banner. It is 50 pixels tall, just like the Banner.

I am guessing that maybe the background "layer" is behind the foreground layer (which is just all blue going across the Banner)? So not sure how to bring that forward, or even if the background property of the Banner is even where I s/b doing this.

I even tried created and uploaded a SystemSettings.Logo_Banner (picture) attribute, and added <<SystemSettings.Logo_Banner>> as the title of the Banner section

I also tried adding a <<SystemSettings.Logo_Banner>> as a menu item in my top bar (command: Text)

No luck.


Dave
Attachments
Banner.PNG
Banner.PNG (123.59 KiB) Viewed 7290 times
#53471 by rocketman
Thu Mar 12, 2020 11:30 pm
As I recall, the banner gets displayed before anything is initialised (including the database), so you basically have to create a standard html page (albeit a thin page. I think mine is about height 90Px) with your graphics embedded in that. Take a look at the sample CRM bsv and see how it is constructed.
#53476 by BLOMASKY
Sat Mar 14, 2020 6:23 pm
What I do, is have CSS class in the HTML that looks like:
.header {
background-color: #ffffd0;
background-image: url('../CSS/ALC/americanLumber.gif');
background-repeat: no-repeat;
vertical-align: top !important;
background-size: 250px 30px;
}
bruce
#53477 by ddumas
Sat Mar 14, 2020 8:06 pm
Thanks.

Not sure how to implement the css. Does that just get pasted into the CustomHTML property of a content panel in the Banner?

As a stop gap, I copied a jpg into the AwareIM/tomcat/webapps/AwareIM folder, and added a text menu item to my Top Bar frame, pasting in this into the text property:

<img src="Logo_124X30.jpg" alt="">

The white background in the logo jpg does not match the light blue in the BlueOpal theme. I set the background color property of the Banner frame to White, but that property setting gets ignored, and the light blue panel background remains. It does not look terrible, but not optimal.

Dave
#53488 by BLOMASKY
Tue Mar 17, 2020 2:52 pm
Sounds like your experience with CSS is limited. In the folder you will have a file with any name, "Mine is called "mycss.css". In this file you will have a bunch of CSS code. a snippet of mine looks like:


.k-context-menu.k-menu-vertical>.k-item>.k-link {
background-color: #FED7AA;
font-size: 14px;
border-radius:6px;
box-shadow: 5px 2px 5px 0px rgba(50, 50, 50, 0.75);

}

.header {
background-color: #ffffd0;
background-image: url('../CSS/ALC/americanLumber.gif');
background-repeat: no-repeat;
vertical-align: top !important;
background-size: 250px 30px;
}


.customerGraph .k-window-actions {
display: none;
}

.textForHeader {
margin-top: 5px !important;
padding-left: 300px;
padding-top: 10px;
font-size: 10px;
}

.bigTextForHeader {
padding-left: 50px;
font-size: 14px;
}


Then, in the CSS class property of your content panel you have the name of the class (no .css, just the name of the class) . Look at the file attached.

Bruce
Attachments
Screen Shot 2020-03-17 at 10.51.57 AM.png
Screen Shot 2020-03-17 at 10.51.57 AM.png (223.87 KiB) Viewed 6979 times
#53489 by ddumas
Tue Mar 17, 2020 3:43 pm
Thanks Bruce.

I assume at a minimum my XXXPanel.css file placed in the XXX folder (my app) will at a minimum, contain this:

.header {
background-color: #ffffd0;
background-image: url('../CSS/ALC/americanLumber.gif');
background-repeat: no-repeat;
vertical-align: top !important;
background-size: 250px 30px;
}

And that I would set the url and size appropriate

Dave
#53496 by Jaymer
Tue Mar 17, 2020 11:09 pm
bruce, no posting after the 1st margarita of the evening
#53502 by BLOMASKY
Wed Mar 18, 2020 2:13 pm
I resemble that statement Jaymer! I only had 2 last night. (of course, with me as the bartender, I do not make weak, girly drinks!).

p.s. I apologize to all the "girly" men out there...

Bruce

Who is online

Users browsing this forum: Jaymer and 36 guests