www.wysiwygwebbuilder.com

Base12

** UPDATE **

I was able to optimize the code and automate the process a bit more.

Here is the online demo...

https://www.mostholyplace.org/misc/testpages/combobox_remember_values2

Here is the demo project...

https://www.mostholyplace.org/misc/testpages/combobox_remember_values2/files/combobox ...

Base12

Pablo wrote: Thu Oct 17, 2024 8:22 pm Now that this functionality has not changed in 19.4.2
You may have accidentally unchecked it because it is on by default.

I bet I did. Thanks Pablo!

Base12

I found out what causes the blue outlines...

Options-> User Interface-> Enable Skinned Dialogs

If I have it disabled, I get the outlines.

I enabled it. The GUI looks way better now!

Base12

The latest version has thin blue outlines in many of the menus...

Is that a bug?

Base12

OK, as promised, I have uploaded my demo project for the expert coders to have a good laugh at. :lol:

Here is the online demo...

https://www.mostholyplace.org/misc/testpages/combobox_remember_values

It does exactly what I want. :D

Here is the project file...

https://www.mostholyplace.org/misc ...

Base12

So, it looks like the Code BaconFries posted may have originated from here...

https://webdeveloper.com/community/219605-resolved-how-to-remember-last-choice-in-drop-down-list/

As an FYI, one of the posters found an error...

this line-

else{alert(no cookie!n got script?)}

should be

else{alert ...

Base12

Wow BaconFries. I really appreciate the help!

I will get to work implementing this and report back.

Base12

Got it. Thanks Pablo!

Base12

Is there a setting in WYSIWYG Web Builder to remember a 'Select' (Combobox) value when using window.location.href to redirect to another page?

Currently, when the page is redirected, the Select dropdown menus revert to their default values.

Thanks!

Base12

I am using a 'Select' Form Control on my page. I really like the 'Import' feature for adding Items.

Is there a way to do something similar for Conditions and import them from a file?

It can be a one time thing (i.e., not 'linked' to a database). Or, if using a database is better, I can look into ...

Base12

BaconFries wrote: Fri Oct 11, 2024 6:40 pm Viewing the source code it is definitely responsive primarily "Layout Grids"

Thanks, BaconFries.

That confirms my suspicion that folks are inserting Embedded Pages into flexible layouts, even though it is not supported.

Base12

clementediego wrote: Wed Oct 02, 2024 11:50 am I solved using two embedded pages for every website page.

I named them master-page-header and master-page-footer.

Thanks

Interesting.

Are your pages responsive or static?

Base12

I did some research to help explain what I am looking for.

In Bootstrap Studio, there is a feature called 'Linked Components' that does what I want...

https://bootstrapstudio.io/docs/linked- ... ste-method

Does WWB have something similar?

Base12

To see the real-world example, this is the page with the two menus that I would like to be reusable on many pages...

https://www.mostholyplace.org/bci.html

The visitor will select Book, Chapter and Verse to then be sent to that page.

As you can see, the two menus are only used on the 'Bible ...

Base12

Maybe ask Pablo to allow mutliple master pages in the suggestions forum?

Alan

Inserting an Embedded Page into a flexible container seems easier and more intuitive.

I guess the suggestion would be to have Embedded Pages work in both non-fixed as well as absolute layouts.

Embedded pages are ...

Base12

bkjohns wrote: Wed Oct 09, 2024 6:57 pm ...direct each page to use any one of them.

That is the issue. I can only use *one* of them.

I already used the one for my main layout. I need to insert another on the same page.

Base12

In WebPlusX8, I had several Master Pages that I could add to a page...

Is there something similar in WYSIWYG Web Builder?

Base12

For re-using a menu/header I suggest to use a master frame or master page instead. Embedded pages are mainly for reusing objects in fixed/absolute layouts.

I am already using the Master Frame as the main layout/navigation for the entire website.

How can I have more than one Master Frame? The ...

Base12

I am looking for a way to reuse a menu on multiple pages.

I understand that there are three ways to make this work per the tutorials...

https://www.wysiwygwebbuilder.com/forum/viewtopic.php?t=47905

However, Pablo does not recommend placing an Embedded Page in a Flex Grid...

https://www ...

Base12

Pablo wrote: Wed Oct 09, 2024 5:58 am An embedded page does not support flexbox. It may work in some cases but it's not officially supported.
I do not recommend using it this way.

Got it. Thanks Pablo!

Base12

I have inserted an Embedded Page into a Flex Grid.

The browser preview looks good...

https://i.imgur.com/veCtidi.png

However the Embedded Page looks strange in the workspace making it confusing to work on...

https://i.imgur.com/emDE0De.png

Here is the demo project...

https://www ...

Base12

If you need any servicing with full project, you can do an email as we already contacted :wink:

Right on wwonderfull. I appreciate it.

I was able to make some good progress...

https://www.mostholyplace.org/bci.html

You may have to hit CTRL+F5 to update the cache.

I am going to see if I can ...

Base12

Dang wwonderful. That is totally epic!

I am blown away by how powerful the 'Select' button is.

It is perfect for this.

Base12

Sounds good. Thanks Pablo and BaconFries!

Base12

I am wanting a Go Menu with three inputs like the one seen on this website...

https://www.kingjamesbibleonline.org

Something like this...

https://i.imgur.com/inymuh8.png

I like the Go Menu in WYSIWYG, however I am not sure how to make a three input version.

How would I accomplish this?

I can ...

Base12

Pablo wrote: Sat Oct 05, 2024 9:35 am For instance, you might have added larger files to the project...

Yep. This is what happened to me when I was publishing very large PDF files.

The solution was to disable publishing for those files since they only needed to be uploaded once.

It makes publishing so much faster.

Base12

I'm using a Themeable button with an icon to link to another page - because it looks nice.

However, when I reduce the page width, there is a point at which the icon starts to overwrite the text (name of the button). Is there any way round this? If not, can I request a feature where the icon ...

Base12

Got it. Thanks Pablo!

Base12

I am trying to add margin above and below my YouTube video, but it is cropping it instead.

Here is how it looks online...

https://www.mostholyplace.org/misc/testpages/youtube_margin

Here is the demo project...

https://www.mostholyplace.org/misc/testpages/youtube_margin/files/youtube_margin.wbs ...

Base12

Right on Crispy68. That was a really good explanation. I appreciate it.

Base12

OK, so I tried using Layout Grid and I now remember the issue I had with it.

Here is the test page...

https://www.mostholyplace.org/misc/testpages/pablos_restaurant

Here is the demo project...

https://www.mostholyplace.org/misc/testpages/pablos_restaurant/files/pablos_restaurant.wbs

On a PC ...

Base12

Sounds good onlye. I definitely want to get the foundation optimized before I make hundreds of pages.

Base12

layout grids have the best moduler approach. Trying to do everything with flexgrid may add complexity and a fixed width for anything may not be a logical approach because responsive design is a variable subject which can not be set to a fixed layout adjustment.

Thanks wwonderfull. Good advice. I ...

Base12

To be honest, I am not sure what the correct behavior should be for minmax(0px, 800px).
Because the minimum size is set to 0px and max 800, the workspace just treats it like 1fr until it reaches 800.

That makes sense because when I set the page width to 3000 pixels wide or higher, the lower Flex ...

Base12

I am trying to get my Flex Grid to look the same in the Workspace as it does in the Browser Preview.

Here is what my project looks like in the Workspace...

https://i.imgur.com/Ve0bi3B.png

Here is what my project looks like in the Browser Preview...

https://i.imgur.com/mAmXtbY.png

The upper ...

Base12

** UPDATE **

I was able to succesfully incorporate the Java code and provide a solution for those interested.

The demo project can be downloaded here...

https://www.mostholyplace.org/misc/testpages/filling_the_space_underneath_the_footer/filling_the_space_underneath_the_footer4.wbs

The sample ...

Base12

** UPDATE **

From what I can tell, this task will require a little bit of Java code.

I was able to get some starter code from here...

https://forum.bricksbuilder.io/t/how-to ... ight/10693

So far, I have it working in a simple project in WYSIWYG Builder.

Base12

Good news...

I uploaded to the latest version of WYSIWYG Web Builder and the wrapping issue is now resolved!

I no longer have to add the CSS code to my web page.

Good job WYSIWYG Team!

Base12

** UPDATE **

I was able to successfully insert this code into the object 'Flex Grid2' on the Master Page...

height: calc(100vh - 350px);

Obviously, this only works for pages with a total height of 350px.

I made the Index page conform to that height (100px Header Height + 250px Content Height ...

Base12

I found some code that might work...

height: calc(100vh - ???px);

I Just need to be able to get the height for each page as a variable and input that into the code automatically.

This person found a possible solution...

https://forum.bricksbuilder.io/t/how-to-set-a-section-to-100vh-minus-the ...

Base12

Maybe you can set the background of the page to gradient instead of the flex grid?

Unfortunately, I am already using a background image of clouds...

https://www.mostholyplace.org/about.html

However, I did find a solution that comes really close to solving my issue. If I change the overall ...

Base12

I am looking for a solution to fill in the dead space underneath the Footer with a gradient and a color for pages that are too short to go past the bottom of the browser.

Here is a simplified project...

https://www.mostholyplace.org/misc/testpages/filling_the_space_underneath_the_footer/filling ...

Base12

** UPDATE **

Crispy68 was spot-on. I was able to recreate the entire Header using a single Flex Grid...

https://i.imgur.com/F6E9O9F.png

I found that if I set the 'fr' (fraction of available space) column settings to reflect the maximum Flex Grid width of 1400 pixels, I can treat them as if they ...

Base12

As it is Pablo states it wont work at the moment.

However, you can add some CSS to an html object or page html between the <head> tags to make it work:

<style>
#SiteSearch1_form{display:flex;align-items:center;}
</style>

The code worked! 8)

Thanks everyone for helping me out. :D

Base12

...as previously mentioned 'site search' itself does not support flexbox.

I see.

Just an FYI...

I did another test...

https://www.mostholyplace.org/misc/testpages/sitesearch_wrap_problem/sitesearch_wrap_problem2.wbs

When previewing in a browser, Button1 wraps below the Sitesearch1 input ...

Base12

Pablo wrote: Tue Sep 24, 2024 8:23 pm To make flexbox work, please set 'Easy mode' of the flex grid to 'false'.

This is already set in the file I provided.

Base12

01) Open 'sitesearch_wrap_problem.wbs' found here...

https://www.mostholyplace.org/misc/testpages/sitesearch_wrap_problem/sitesearch_wrap_problem.wbs

02) Note that SiteSearch1 is below Button1 in the Object Manager...

https://i.imgur.com/4DdPAbi.png

03) In the workspace, Button1 and ...

Base12

I have done a checkup of your project. The input element which is the search is inside a form as it works using the on submit post method, so the form has to be responsive along with the input.

In that case to make it grow and shrink if you use below CSS it may bring the result you may have ...

Base12

Pablo wrote: Tue Sep 24, 2024 6:06 am ...the search box currently does not support this functionality.

Got it, thanks!

Base12

I placed the standard 'Site Search' feature into a Flex Grid.

When previewing the page, the Site Search is around 200 pixels or so wide.

How do I make it automatically fit the full width of the container and have it grow and shrink with RWD?

Here is a simple demo...

https://www.mostholyplace.org ...

Search found 66 matches