Thema-Schlagwort: Anleitung zum Aufbau von Websites mit Toolset

Problem:
Client wants to use the Bootstrap grid output format for a View but with more control over the number of columns.

Solution:
The Bootstrap grid requires content to be placed in rows which creates limitations on the number of columns that can be displayed (for different screen sizes).

A better solution is to not use the Bootstrap grid at all and to use a simple flexbox CSS solution instead.

Relevant Documentation:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Problem:
Client is unable to register their site using the key generated at toolset.com

Solution:
In this particular case the client is using Cloudflare and it is blocking access to our servers at https://api.wp-types.com/ or https://api.toolset.com/

The Cloudflare settings need to whitelist these URLs.

Problem:
The issue here is that the user wanted to link to a specific tab.

Solution:
We actually have the perfect solution for this.

jQuery("document").ready(function() {
 jQuery.urlParam = function(name){
    var results = new RegExp('[?&]' + name + '=([^&#]*)').exec(window.location.href);
    return results[1] || 0;
}
    setTimeout(function() {
          if(jQuery.urlParam('tab') == 2){
          jQuery(".nav-tabs li:nth-child(2) a").click();
          }else if(jQuery.urlParam('tab') == 3){
              jQuery(".nav-tabs li:nth-child(3) a").click();
          }
    }, 10);
});

To use this ensure that you are on a page that has the Layouts Tabs section. Notice Layouts uses 2 classes for the tabs.
If you are using the Buttons option you will need to use “.nav-pills” and for the regular tabs “.nav-tabs”

Example use case “mytesturl/somepage?tab=2” will select tab 2 when the page is loaded instead of defaulting to tab 1.
Forum Link -> https://toolset.com/forums/topic/static-links-to-specific-tab-in-the-tabs-layout-element/

Problem: I have a filtered View that does not always show all the matching results.

Solution: Be sure to uncheck "Don't include the current page in query results" unless it is absolutely necessary.