Search on Blocs

I Need Help
1

Can someone help me how to implement any Search Function on Blocs Site? I need to learn so badly hehe :slight_smile:

2

I want to implement this… in a way… Tipue 404

3

@Eldar @Blocs_Guy ??? do you know how to? hehe

4

@mackyangeles

Implemented in Blocs :sunglasses:

https://jakerlund.net/003/

1 Like
5

https://jakerlund.net/003/8 …, tick to Search page, type in Strapline, the homepage is found with the search term. Cool.

So many JScripts and CSS3 tricks found on the web, a fantastic feature would be to implement newfound code by pasting into some kind of Blocs panel …, just sayin’ :slight_smile:

1 Like
6

@Jakerlund how did you do it?

7

Can you show me how hehe :slight_smile:

8

@mackyangeles I’ll put something together and PM you a link.
As usual it’s a lot of steps and a file you’ll need to manually edit to get this to work.
In this example I’ve focused on the live search which only works on a server.
There is a Static mode as well that will work even locally.

9

@mackyangeles A written tutorial is now available here.

http://bit.ly/2tC0OiY

Good luck :sunglasses:

Please share links to your projects with this Tipue Search implemented :+1:

5 Likes
10

./Duh

“Add custom code to Head and Body,” in Page Settings.

./duh

1 Like
12

Hopefully @Norm can add this as a Brick hehehe thank you so much @Jakerlund!!! Best Forum ever. Love the communtiy. :slight_smile:

2 Likes
13

What? :fearful:

14

Created a Sample Website to Test the Tipue Search and it works!!! Thank you so much for showing me how @Jakerlund here is the Sample Site

1 Like
15

@mackyangeles Great, looking very good :+1:

1 Like
16

@mackyangeles Btw… the navigation on the search page seems to wide.
The menu gets clipped when the browser is at an unfortunate width.

Edit 1: Just noticed that it does the same on my sample site :scream:

Edit 2: Seem like the class .bloc has a 50px padding on the left/right.
Adding a class named bloc and give it padding left/right 0px fixes that clipping, but maybe cause something else to misbehave. :nerd:

17

Hi @Jakerlund works fine on my side. Maybe you can check your browser… or CSS settings

18

@mackyangeles It behaves like that in Safari, Firefox and Chrome.
It’s when we go wider than the 1199px breakpoint.
It even shows in Blocs when draggin in the window.
Dragging it inside the 1199px point and it looks as it should again.
It’s not a biggie but we can’t control how wide a user has his browser.

19

@Jakerlund I think that breakpoint is very unusual and I think for now Blocs doesn’t support that breakpoint. Maybe that’s why where having this glitch on some point. hehe.

1 Like
20

@mackyangeles That breakpoint is in the bootstrap.min.css. I’m wondering if the class .bloc in the style.css is meant to have that 50px left/right padding. At least for widths over 1199px.
Again… it’s not a problem, more an interesting issue that may happen to users going to your site.

1 Like
21

A previous comment and I mentioned how it would be nice to have any new found CSS or Javascript code to perform in Blocsapp simply by inserting snippets, and then I found that service in Page Settings.

I’m not comfortable with nor find the time after finding some new code I’d like to insert in my webpages, so I haven’t used this function in Page Settings. I’m still familiarizing meself with Blocsapp now.

Still a novice more or less. I’d be more comfortable playing with inserting code were I to see a step-by-step video of one advanced in coding employ that Page Setting {insert code in Header and Body} service with Blocsapp. [hint] :slight_smile:

I’m glad I purchased the Blocsapp. It’s speeding up my new website creation to be more what I want, instead of a template somewhere.

T’anks for the reply, and good day.

1 Like