Working with Apps - Implementing Splunk: Big Data Reporting and Development for Operational Intelligence - page 180

2. Next, create a file named appLogo.png . This file can be called anything,
as we will reference it explicitly in our CSS file. Borrowing CSS from the
search app, we will make our file 155 x 43 pixels:

3. For each file, follow the same steps as for uploading the launcher icon:

1. Navigate to Manager | Apps.

2. Click on Edit properties next to our app, Implementing Splunk

App One.

3. Click on Upload asset and select the file.

4. Click on Save.

Our CSS references a few classes in the application header bar:

.appHeaderWrapper h1 {
display: none;
}

.appLogo {
height: 43px;
width: 155px;
padding-right: 5px;
float: left;
background: url(appLogo.png) no-repeat 0 0;
}

.appHeaderWrapper {
background: #612f00;
}

Let's step through these classes:

• .appHeaderWrapper h1 : By default, the name of the app appears as text in
the upper-left corner. This definition hides that text.