Where is the navigation manager in VBulletin - 4.1.11? - vbulletin

I can't find the navigation manger in new version of vBulletin. It is under settings in newer versions but can't see it now in the 4.1.11 version. If there isn't any, how can I edit the navigation items?

Your forum is running VB 4.1.11 - The Navigation Manager was added in 4.2.0. You should upgrade to 4.2.x to get access to it. In 4.1.11 all changes required manual edits or plugins.
vBulletin 4.2 Release Note
The release contains:
Activity Stream
Navigation Manager
Members who have Visited Today
UPDATE:
1. If you don't want to upgrade you vBulletin version, you should do that manually
and it depends on your style
for example some default styles navigation bar is in head file
and you can edit from:
Admincp > Styles & Templates > Style Manager > Your Template > Edit Templates > header
If you want to know exact path of navigation bar for your style, you can search some codes of your style navigation bar in style manager search form
an exaple for navigation bar code:
<div class="cnavbar">
<center>
<div id="cnavtabs" class="cnavtabs">
<ul>
<li>Link Text</li>
<li>Link Text</li>
<li>Link Text</li>
<li>Link Text</li>
<li>Link Text</li>
</ul>
</div>
</center>
</div>
and maybe css code:
.cnavbar
{
width:100%;
height:32px; ( Change Height Here )
background-color:#150517; ( Change Background Color Here )
border-bottom:1px solid #666;
}
#cnavtabs
{
width:960px; ( Change width Here )
height:100%;
}
2. On the other hand if you don't want to do that manually you should find or request Mod or plugin that support vBulletin 4.1.x
This is a Mod to create a custom navigation for all 4.x.x version of vBulletin
[DBTech] DragonByte Custom Navigation v1 (vB4)
Hope to help you

Related

I Cannot set background image in ionic 4 div from template

I am building a mobile app with ionic and I am trying to change the background image of the div but its not working
Here is the code
<div style="background-image: url(./assets/IMG/set3.jpg);">
......
</div>
I also changed the file path to
style="background-image: url(assets/IMG/set3.jpg);"
style="background-image: url(./assets/IMG/set3.jpg);"
style="background-image: url(/assets/IMG/set3.jpg);"
And I have other div of such, but the background image is not displaying, pls I need your help, I have search online but non of the solutions worked
If your goal is to set background image to the entire page, you could use --background for ion-content. Something like following has worked for me.
ion-content {
--background: url('../../assets/BackgroundImages/splash-screen-background.png');
background-position: center center;
background-size:contain;
background-repeat: no-repeat;
}
here are more details about --background CSS property
Some IDEs (Visual Studio Code) allow you to ctrl click the url (follow link) and ensure that the resource is correctly pointed to. You may want to double check. Even otherwise please check if your assets folder is present at the same level as your page html. If it is not you may have to ensure the correct path, for ex.
background-image: url('../../assets/BackgroundImages/splash-screen-background.png');
Instead of setting the background-image directly with a style tag inside your <div>, give it a class. Then, inside your CSS, define the background-image on that class. That way, the IMG folder should be relative to the CSS file or the app-root. This always gets me with every new project, and it requires some trial and error to get it right.

How to delete the Navigation Menu title in liferay theme?

I created a theme and copied the navigation.ftl from Liferay Classic Theme but in my theme, The navigation title is showing up as shown in the below screen-shot.
If I am logged in as an Administrator, I am able to edit the text and make it blank and Save and it goes away. But when i refresh the page, it comes back which i think is a bug.
But my question is, What do i do in the theme so that the title doesn't show up at all anywhere.
The code snippet from navigation.ftl
<#assign VOID = freeMarkerPortletPreferences.setValue("portletSetupPortletDecoratorId", "barebone") />
<div aria-expanded="false" class="collapse navbar-collapse" id="navigationCollapse">
<#if has_navigation && is_setup_complete>
<nav class="${nav_css_class} site-navigation" id="navigation" role="navigation">
<div class="navbar-right">
<#liferay.navigation_menu default_preferences="${freeMarkerPortletPreferences}" />
</div>
</nav>
</#if>
</div>
<#assign VOID = freeMarkerPortletPreferences.reset() />
I had the same issue and found that in my custom theme (starting from the Styled theme using the Theme Generator) the portlet.ftl file had the line:
<h2 class="portlet-title-text">${portlet_title}</h2>
The portlet.ftl in the Classic theme has:
<#if portlet_display.getPortletDecoratorId() != "barebone">
<h2 class="portlet-title-text">${portlet_title}</h2>
</#if>
I added that #if statement around the h2 to my portlet.ftl and now the title is not displayed if Barebone is the chosen decorator for a portlet. This works whether Barebone is set through a template or through the Look and Feel menu in the admin.
I was able to hide the title (of Navigation Menu portlet) using the following CSS in my custom theme
.portlet-static.portlet-static-end.portlet-barebone.portlet-navigation .portlet-content.portlet-content-editable .portlet-title-text {
display:none !important;
}
Edit: The above solution worked when I logged in as an Administrator only.
I replaced it with the following to hide it for Regular users as well:
section#portlet_com_liferay_site_navigation_menu_web_portlet_SiteNavigationMenuPortlet.portlet h2.portlet-title-text {
display:none !important;
}

style element into intelxdk appframework app according to os theme

in a Intel-Xdk AppFramework 3 application i would like to style a card element according to the current os Theme.
I want the Header of the card to be the same color of the header of the page , how do i do?
card:
<div class="widget uib_w_2 widget-container content-area vertical-col uib-card d-margins section-dimension-2 cpad-1" data-uib="layout/card" data-ver="0">
<section class="card-header widget-container content-area vertical-col">card header</section>
<p>card content</p>
</div>
The card element in Intel XDK's App designer is not part of the AppFramework UI elements, its a custom element for all frameworks, so you have manually add set a class and add css to match the frameworks header color :(
Checkout example css for osTheme here and add custom css like this:
.ios7 .card-header {...}
.android .card-header {...}
...

asp:Menu in master page pushes the content below on hover

I’m working on asp.net web site in .net 4.0 framework (VS 2010) in Win XP SP2.
In site.master page I have a control and it is populated dynamically. All is well in populating the control, but when mouse is hover on this menu item, it displays correct, but it pushes the content of page below (in my example, the content of “MainContent” is pushed below).
I tried changing the property of div, but no joy.. any help will be much appreciated.
Content of Site.Master
**<div class="title">
<h1>
My ASP.NET Application
</h1>
</div>
<div class="clear hideSkiplink">
<asp:Menu ID="mnuMain" runat="server" BackColor="#FFFFCC" CssClass="menu">
<DynamicItemTemplate>
<%# Eval("Text") %>
</DynamicItemTemplate>
</asp:Menu>
</div>
<div class="main">
<asp:ContentPlaceHolder ID="MainContent" runat="server"/>
</div>
<div class="footer">
</div>**
Sample code to add it dynamically
**MenuItem item = new MenuItem();
MenuItem item1 = new MenuItem();
item.Text = "Main Menu";
item1.Text = "sub menu1";
item.ChildItems.Add(item1);
mnuMain.Items.Add(item);**
You have got a clear on the div that wraps the menu. Instead of clear the wrapper should be floated.
Is there any CSS relate to the mark up above?

How do you modify Sitefinity's breadcrumb control?

I need to modify sitefinity's breadcrumbs from this:
Home
to this:
Home >
So if the breadcrumb is on the root page, it needs to have the > after it.
Im an absolute beginner, so go easy on me! (using version 3.7)
Regards
Peter
I had a similar problem in the past and solved it by creating a custom user control with the breadcrumb control embedded within it. this allows you to add your own custom logic in the code behind to show or hide things as necessary:
<%# Control Language="C#" AutoEventWireup="true" CodeFile="BreadcrumbControl.ascx.cs" Inherits="UserControls_Internal_BreadcrumbControl" %>
<%# Register TagPrefix="sfweb" Namespace="Telerik.Cms.Web.UI" Assembly="Telerik.Cms.Web.UI" %>
<asp:HyperLink ID="lnkHome" runat="server" NavigateUrl="/" Text="My Home Page" /> »
<sfweb:Breadcrumb ID="bCrumb" runat="server" PathSeparator=" » " />
here you can hide the BreadCrumb on the home page, showing the homepage hyperlink, which you can customize to show whatever you need.
There may be a better way to do this, but this was the fastest, easiest way I could figure out to do it.
hope this was helpful!
You can easily change the mockup separator. You need to edit the Breadcrumb, click on the advanced button and find the NodeSeparatorMarkup field.
In my case I've put >> instead of >
<span class='sfBreadcrumbNodeSeparator'>»</span>;