bx
-
UPDATE: the deal was in those default style lines:
.bx-db-menu ul>li:not(.bx-menu-item-more-auto) a .sys-icon {- display: none;
- }
It's possible to enable it via the Custom Styles area within the proper block like:
#bx-page-block-2095 .bx-db-menu ul>li:not(.bx-menu-item-more-auto) a .sys-icon {- display: block;
- }
0 0 0 0 0 0 0 -
Hello Jake Arsenault !
You may add the following styles to the Custom Styles area of your template in the Studio
#bx-sliding-menu-sys_site.bx-sliding-smenu-main ul.bx-menu-object-sys_site {-webkit-justify-content: center;
justify-content: center;
}
0 0 0 0 0 0 0 -
Hello caribman2020 !
You may show this menu by the load with the following JS script in your Studio->Deisgner->Injections->Header area:
<script>
$(document).ready(function () {
bx_menu_slide_inline('
#bx-sliding-menu-sys_site', $('#bx-menu-toolbar-item-main-menu'), 'site');});
</script>
Or you need to place the block with the necessary menu in every page (Studio->Pages->Systme->[Page name]->Add Block->Skeleton->Menu->Choose menu).
But both variants aren't good and it's better to use another template.
0 0 0 0 0 0 0 -
Hello Scholar !
To prevent the change of core's files it would be better to add the RAW block there with the code like this one:
<script>
$(document).ready(function () {
var sKeyword = $('
#bx-form-element-keyword input[name="keyword"]').val();if (sKeyword !='')
{
document.title += ' ' + sKeyword;
}
});
</script>
You may also add there the scan results for the used sections (modules).
0 0 0 0 0 0 0 -
Does this mean the background image? In that case I would love to know how I can fix it :-D.
My background image is scrolling and repeating itself now, and it`s not a pretty sight. I tried pasting#bx-toolbar {position: fixed;
}
and
.cd-main-header {
position:absolute;
z-index: 999;
top: 0px;
left: 0px;
}
In at a random place in the custom designer for my mix, but nothing happened. I am using lucid. Is there a particular place I shall insert that code?
This is for the toolbar at the top of the page
0 0 0 0 0 0 0 -
Does this mean the background image? In that case I would love to know how I can fix it :-D.
My background image is scrolling and repeating itself now, and it`s not a pretty sight. I tried pasting#bx-toolbar {position: fixed;
}
and
.cd-main-header {
position:absolute;
z-index: 999;
top: 0px;
left: 0px;
}
In at a random place in the custom designer for my mix, but nothing happened. I am using lucid. Is there a particular place I shall insert that code?
0 0 0 0 0 0 0 -
Hello Peter !
It is possible to do via inserting the following Javascript code to the Studio->Designer->Injections->Head area:
<script>
function correct_menu()
{
var iWidthPage = $(window).width();
var iWidthCnt = $(".bx-def-page-width").width();
var iLeft = (iWidthPage - iWidthCnt) / 2;
var oObj = $("
#bx-sliding-menu-sys_site");oObj.css("width", iWidthCnt);
oObj.css("left", iLeft);
}
$(document).ready(function () {
$('
#bx-menu-toolbar-1-container a.bx-def-font-contrasted').attr('onclick', 'bx_menu_slide_inline("#bx-sliding-menu-sys_site", this, "site"); correct_menu();');});
</script>
function correct_menu()
{
var iWidthPage = $(window).width();
var iWidthCnt = $(".bx-def-page-width").width();
var iLeft = (iWidthPage - iWidthCnt) / 2;
var oObj = $("
#bx-sliding-menu-sys_site");oObj.css("width", iWidthCnt);
oObj.css("left", iLeft);
}
$(document).ready(function () {
$('a.bx-def-font-contrasted').attr('onclick', 'bx_menu_slide_inline("
#bx-sliding-menu-sys_site", this, "site"); correct_menu();');});
0 0 0 0 0 0 0 -
-
try to add this in your custom css in studio - your theme
#bx-menu-toolbar-2-container .bx-menu-toolbar li a {
position: relative;
width: 2rem;
height: 2rem;
background-color: #addyourcolorhere;
border-radius: 1.5rem;
font-size: .875rem;
}0 0 0 0 0 0 0 -
Hi all!
Dear Colin Kahler has the Protean template, not Lucid like we have in una.io. For the Protean you need to work with
#bx-homepage-menu-sys_homepage like:#bx-homepage-menu-sys_homepage {position: fixed;
z-index: 999;
top: 0px;
left: 0px;
}
and proper background.
0 0 0 0 0 0 0
For example, #bx-page-block-1611" class="bx-link" rel="nofollow">https://www.una.io/#bx-page-block-1611
(I was trying to put in)
Hello, I'm having a little trouble trying to change the background color of my return to top button. Can someone help me out with the correct code to get this color working? #f91f09
<!--Top button -->
<script src="./topbutton/jquery-1.11.3.min.js"></script>
<script src="./topbutton/topbutton.min.js"></script>
<script>
$(document).ready(function(){
//Top Button
$.topbutton({
htlm : "<i>Top</i>", //String
css : "width:50px; height:50px; background color: #f91f09; border:false; font-size:20px;", //String
scrollAndShow : true, //Boolean
scrollSpeed : 1000 //Number
});
if ($('div.wrapperChat').length)
$('div.wrapperChat')
.closest('#bx-content-container')
.parent()
.css('height', 'calc( 100vh - 9rem )');
});
</script>
<style>
.bx-tl-post .bx-form-value .bx-form-input-wrapper-textarea {
overflow: unset;
}
</style>
<!--End Top Button -->
Thank you in advance...
-
I thought I was changing the background color of the top button but it's looking like I messed up the intire thing now. Not sure what should be in it's place now.
css : "width:50px; height:50px; background color: #343a40 = rgb(52, 58, 64); border:false; font-size:20px;",
0 0 0 0 0 0 0 -
#343a40 = rgb(52, 58, 64) <- It doesn't have to be put anywhere!!!
Only: #343a40 or rgb(52, 58, 64)
In your case .. the required color code!
0 0 0 0 0 0 0 -
#343a40 = rgb(52, 58, 64) <- It doesn't have to be put anywhere!!!
Only: #343a40 or rgb(52, 58, 64)
In your case .. the required color code!
0 0 0 0 0 0 0
Does anyone know how I can replicate the menu on the screenshot?
I want to add another menu with different buttons that looks like the one on the screenshot.
I'm using Lucid template and I tried all kinds of Submenus but I couldn't replicate it.
Can I remake the code: bx_menu_slide_inline('#bx-sliding-menu-sys_add_content', $('bx-menu-toolbar-item-add-content a').get(0), 'site');
using my custom submenu?
-
Hello alexz89 !
You may try to add the Skeletons->Menu block on any page and then choose there the necessary menu. Also, you may add the Raw block with the proper JS code to correct it.
0 0 0 0 0 0 0 -
Thanks, Leonid! I meant when I created my own custom 'add content' menu in Navigation, I couldn't replicate the format shown in the previous post. This is what I get. The menu pops up in the middle of the page, not in the corder. Can you please recommend what I should do?
0 0 0 0 0 0 0 -
It works perfectly fine on a mobile browser though
0 0 0 0 0 0 0
Screen Shot 2020-07-29 at 12.40.56 AM.png .bx-media-tablet #bx-logo {
top: 1px;
}
When in portrait, looks good.
Does not respect when in landscape, it appears to be using desktop instead which is at 5px.
How can I display the searchKeyword.php in a block so I can have a full site search block on my site? I want to see what it's like to have a Twitter-like feel with a single search box where people need to search for what they are looking for rather than having everything visible in navigation, such as videos and photos, etc because people post things that not everyone wants to see.
I put this in a navigation link, [bx_menu_slide_inline('#bx-sliding-menu-search', this, 'site');], but it opens the right-side search form next to the account avatar for a brief second so I want it to be displayed in a block like Google custom search.
-
I just noticed something in channels too. When I posted [bx_menu_slide_inline('#bx-sliding-menu-search', this, 'site');], UNA unintentionally created a new channel called #bx. Maybe we should have a feature that allows people the option to associate the post with an existing channel, no channel, or create a new channel rather than automatically creating new channels with every hashtag.
0 0 0 0 0 0 0 -
And I also need to disable searchKeyword.php for unauthenticated users.
0 0 0 0 0 0 0 -
Ok I created a navigation menu link to open the mysite/searchKeyword.php file, but searchKeyword.php is available to everyone and there is no way to stop unauthenticated users from searching my site. It happens on UNA too: https://una.io/searchKeyword.php
I attempted to disable all searches by changing the search files in the root directory, but then the hashtags wouldn't work. There needs to be a way to stop unauthenticated users from searching the site.
0 0 0 0 0 0 0
Hello titanium !
Yes, correct because we use the hashtags as the reserved symbol for the channels. In similar cases, you need to "pack" the URL via the "Insert link" button.
T
Ok! Just noticed there is an issue open about that - https://github.com/unaio/una/issues/3208