WPBakery Custom container not working - wordpress

I am creating custom content blocks and using WPBakery plugin to do so but the nested container doesn't work.
When I add the container I cannot remove it and the children items don't show at all. The icon is also different from the one shown in the example (it shows a square with a mouse pointer). Am I missing something?
The example I followed is this one: https://kb.wpbakery.com/docs/developers-how-tos/nested-shortcodes-container/ (I have also tried to implement this specific one without changes but I get the same).
I have mapped the blocks on the action "vc_after_init_base".
My current plugin version is 5.4.2 so it should support custom nested containers.
Right now I feel clueless so maybe someone has a similar issue?
*it seems that the js_view "VcColumnView" somehow breaks it. If I remove it at least I can edit/remove the container. The rest doesn't work.

Related

Avada Live Builder Display doesn't match actual site

I'm trying to make the main menu of the site be on one row, but it wraps to a second row, even though I set No Wrap. In the Live Builder, it shows it working exactly how I want it to:
The live site malfunctions in the way described above:
How should I go about fixing this? What other information do you need?
I figured it out. Just had to change the site width so the menu fit in the whole view.

ServiceNow: Manipulate DOM of ootb Widget

Our team is working in ServiceNow and trying to make some aesthetic changes to the ootb Form widget. We've cloned that widget and are trying to give the Form Sections a different background and some larger/bolder font. Since the Form layout is buried in some template code in the system, the only way for us to change the look and feel is to manipulate the DOM in our cloned widget. We've read that the best way to do this is to use the Link Function tab, but we are unsure how to begin. After inspecting our console, it looks like we want to manipulate the parent div of a tag. What is the syntax so that we can target that specific div?
We've tried different variations of this without any success:
angular.element('legend').parent().addClass('newDiv');
Depending on how big changes you want to make are, I would just try and add CSS using the page CSS. I don't know how familiar you are with ServiceNow, but if you ctrl + right-click the widget in the portal, click 'Page in designer', and then the 'Page' button with a gear on it in the top right corner, then you can add page specific CSS there. I've used this a lot, and it also saves you from cloning the widget.

Full width image in separated row on wordpress (Ref attacted)

He everyone,
simple question for everone.
I am trying to build this style but i am very new in WordPress and cant figure it out myself.
See the link below:
https://blind.com/what-we-do/
I like the part "Strategy, Branding, Digital, Motion" with the test one side and image the other side.
I would like to recreate this exact style with the Responsiveness included.
Thank you for your help.
Alexandre
Since you've mentioned that you're using Siteorigin's page builder, I've decided to do a short video of how I would arrange the elements on the builder to achieve the results you're after.
here's my screencast: http://somup.com/cFit60VLyy
Now there are few flaws with siteorigin's pagebuilder - there is no inbuilt column equalizer for rows unlike other page builders like WPbakery and elementor. So you will have to use a plugin or write your own CSS. If you want to go the plugin way, install the Equal height columns plugin
And then you can add a class to any column you want to have equal width on left and right. You can see in my video that I've used the "equal" class under the attributes of the cells.
Depending on the theme you're using, you might need to write some CSS for margins and paddings. I'm sure its quite straight forward. You can do this in 10 mins straight.
Good luck.

Best pattern for pagination for Meteor

Pattern for pagination is currently on a after 1.0 roadmap for Meteor. Are there any examples or suggestions how to do it now? So how to nicely do an infinite scroll by subscribing to new and new elements as user is scrolling to the bottom?
I recommend that you try my package, Pages: https://github.com/alethes/meteor-pages
It's extremely easy to use (you can set it up with just one line of JavaScript), yet very customizable. It features: incremental subscriptions, local cache, neighbor prefetching, request throttling, easy integration, multiple paginations per page, bootstrap 2/3 styling, failure resistance, built-in iron-router support and a lot of settings that can be modified on the fly, without reloading the page.
There is a package on atmosphere.meteor.com for pagination that should get you started
https://github.com/egtann/meteor-pagination (Pagination)
https://github.com/tmeasday/meteor-paginated-subscription (Pagination with publish)
The second one actually sends down one page of data at a go instead of all the data at once so if you have loads of data it might help with that. With the infinite scroll you would have to attach a manual scroll listener and put in the new data by increasing the size of a page as you scroll down (not specifically moving to page 2).
I'm a bit unsure on what pattern to use specifically because using page size might be a bit troublesome unless you're able to get it to work right with reactivity which should be possible if you're able to seperate your {{#each}} block helpers so that its for each scroll down, perhaps using Meteor.render so that the entire set of data already available isn't re-rendered.
It might also work if you put the data in div block containing a scroll overflow instead of the above so that it does re-render but their position in the scroll remains the same, in effect making the re-render unnoticable.

Hide some content types on Navigation portlet

I'm overriding the Navigation portlet (following this how-to) but after taking a look at the code I don't see any easy way to hide some elements based on my own criteria (right now would be by content type).
I assumed that just overriding the code and adding some code would be enough, but just looking at the code made me realize that it isn't trivial at all, at least for me.
I ended up modifying the navigation_recurse.pt adding more conditions on a tal:condition, but it feels wrong somehow.
Is there a more friendly way to hide some content types to being displayed on the Navigation portlet?
No code changes necessary at all. SIte Setup -> Navigation -> Displayed content types.

Resources