Hi ,
I want to cusomize the splunk logo and menu screens which are highlighted in the screen. I mean i dont to show Mesasges,Settings,help menu items in the SPLUNK GUI. How can i customize them ? Can i have the notes or startin point to do this pls.
Attached the screenshot, highlighted the parts i need customization.
Hiding Messages/Settings/Activity/Help
li.dropdown.messages.shared-splunkbar-messages {display: none;}
li.dropdown.menu-system.shared-splunkbar-systemmenu {display: none;}
li.dropdown.activity.shared-splunkbar-activitymenu {display: none;}
li.dropdown.help.shared-splunkbar-helpmenu {display: none;}
Hiding Messages/Settings/Activity/Help
li.dropdown.messages.shared-splunkbar-messages {display: none;}
li.dropdown.menu-system.shared-splunkbar-systemmenu {display: none;}
li.dropdown.activity.shared-splunkbar-activitymenu {display: none;}
li.dropdown.help.shared-splunkbar-helpmenu {display: none;}
This no longer works for splunk 6.5+ and would suggest the Following
To disable the message bar
[data-view="views/shared/splunkbar/messages/Master"] {
/* Styles */
display:none;
}
SplunkBar options.
views/shared/splunkbar/user/Master
views/shared/splunkbar/messages/Master
views/shared/splunkbar/system/Master
views/shared/splunkbar/activity/Master
views/shared/splunkbar/help/Master
views/shared/splunkbar/find/Master
CSS is made for styling not for security. It's like putting the key under the mat.
Pls. tell me In which file I need to write this ----> {display: none;} for all
Hi Rocket66,
I was wondering in which .js file do I need to make the above changes?
Path to : /opt/splunk/etc/apps/Your-app-name/appserver/static/application.css
Path to logo : /opt/splunk/etc/apps/Your-app-name/appserver/static/images
Place the logo inside the images and you may refer the images with proper dimentions in css file..
.app-bar .app-name .app-label are styles in Splunk 5, I think ...
The "splunk>"-Logo is just text and should not be changed (I don't know the guidelines for that ...) But if you want to change it anyway, you have to do this via javascript/jQuery ...
This one works on dashboard.css
.app-bar .app-name .app-label {
display: none;
}
but i don't know how to change the logo
Try :
.navbar .brand { display:none }
hmm.thanks splunk12er. i was asking about the logo /text on the left side which is highlighted in the screenshot.
i have used the following setting in application.css but didnt work.
a.brand {visibility:hidden; display:none;}