Frequently Asked Questions

 General Questions

  • How do I install a custom Bric?
    Answer: In the Blocs main menu, select Window then go down & select Extension Manager. Click the '+' in the top-right corner & browse for the bric's .bex file on your computer. This will install the custom bric. Restart Blocs.
  • Why don't I see the custom bric in the bric selection window?
    Answer: After installing, restart Blocs. Check again. If still missing: In the Blocs main menu, select Bric then go down & select 'Toggle Custom Brics on/off'
  • How do I update a custom bric?
    Answer: Manual Method for Free brics: In the Blocs main menu, select Window : Extension Manager. Select the old bric and then click the '-' in the top-right corner, which will remove the old version of the bric. Save & Quit Blocs. Open up the Extension Manager again & Click the '+' in the top-right corner & browse for and select the new version's .bex file on your computer. This will install the new version of the bric. Restart Blocs. Auto Method for Paid brics: In the Blocs main menu, select Window : Extension Manager. Select the bric & you should see a cloud download icon to the far right of the bric. Click that icon and the new version should install. Shut down Blocs and then Restart Blocs. Note: If an update added new controls or html, those control values may be blank or html may be missing. In this case, ALL old instances of the bric will need to be removed & replaced with the new version of the bric and then the controls should show values in them and display/function properly.
  • How do I correct js error in Blocs 5?
    Answer: Blocs 5 does not include jQuery by default. Go to File > Project Settings & make sure 'include jQuery' is enabled and save the project.
  • How do I use the 'Typeface' control?
    Answer: If you have a font and it's used in a particular tag on every page, then assign that font globally using File > Project Settings > Typography tab (T) then assign the font to one of the objects (tags). If you are just using that font on a particular page, then use Page > Settings > Code tab & select 'Header' from the dropdown & put the link code that should be provided by the font provider, this is an example I got from Google fonts for Lobster: <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
  • Why is Blocs throwing a crash alert?
    Answer: This often happens when you have updated to a newer version of a bric but the older brics are still on a page, so Blocs gets confused. The only way I have found that always works to clear the alert is to first click the 'Continue' button in the alert and then remove all instances of the older bric on ALL pages, even if they are hidden, and then setup using the new bric version.
  • Why are things not working after setting up a bric, ie page doesn't work right?
    Answer: Every bric is unique, but first check you have set any major controls - often controls still show something like 'No Selection' or something similar, which need to be selected to allow functionality. After checking controls and republishing, check to make sure you have cleared ALL caches, as this for site admins, is a common problem when constantly changing page content: For Safari on iOS: open up Settings > Safari > scroll down to Advanced > Website Data > Remove All Website Data (if there is anything stored there) Then Settings > Safari > 'Clear History and Website Data'. For Safari on desktop: make sure Develop menu is on in Safari, (if not, go to Safari > Settings > Advanced tab & enable 'Show features for web developers'). Go to Develop > 'Empty Caches' and then go to Safari > Settings > Privacy tab > click the 'Manage Website Data' button and click the 'Remove All' button. Also, in the Advanced tab, make sure the 'Block All Cookies' is disabled.

 DeSpam

  • What does DeSpam prevent?
    Answer: One of the major ways that spammers send email is to use bots to submit forms on websites. DeSpam prevents this by requiring interaction on the webpage before the form can be sent. Bots are very dumb and can't automatically compare images and drag/drop correctly.
  • What framework does DeSpam use?
    Answer: It runs under Bootstrap 4 or 5 within Blocs v5 which is set in Project Settings > Framework.
  • How do I setup DeSpam?
    Answer: • Add DeSpam bric inside of your form, just below the submit button. • Export/Publish the site to your server. • Visit the page that has DeSpam on it and click the Submit button. DeSpam will appear & then click the 'Setup This Page' button. • If you get a Successfully Setup alert, the page will automatically load a fresh uncached version after 5 seconds. (DeSpam images should dissapear when page is freshly loaded) • To use, click the Submit button & DeSpam images will appear. Drag & drop a shape onto the matching dashed shape on the right.

 FAQ Pro

  • What framework does FAQ Pro use?
    Answer: It runs under Bootstrap 4 or 5 which is set in Project Settings > Framework.
  • Where is the FAQ Pro bric in the layer navigator, it disappeared after being setup?
    Answer: The bric is still on the page but there may still be some ui bugs in Blocs that cause the entire bloc to be hidden in the layer navigator. The bric should still be clickable in the edit window and editable using the right settings panel.
  • What should I know about setup?
    Answer: The suggestion is to set values to the same thing when you are using multiple instances of FAQ Pro on a page. The controls that do allow unique values are: Typeface, Question/Answer Line Hts, Question/Arrow/Answer Text Colors, Reveal Answers, Question/Answer BG Colors, Border Radius & Colors, Answer Padding Left, Show More Button, Fade In Color
  • How do apply further styling?
    Answer: In Class Manager, add "faqwrapper .faq-q" (for question), "faqwrapper .faq-a" (for simple text) & "faqwrapper .aline" (for dropzone)
  • What do I need to know about dropzone styling?
    Answer: Styling on text within a dropzone will not work, as it is left up to you to style those custom elements yourself. The only exception is when using 'Show More Button' layout & then all content will use the 'Text Fade To' color & 'Show Lines' height.
  • How do I get line breaks in answer text?
    Answer: In the answer text box, simply add a <br> wherever you want a line break to occur.
  • How do I use the Show More Button?
    Answer: Enable 'Use Show More Button' This will create a show more button. It's recommended to enable 'Hide Question' as the answer will be partially shown with a custom fade & clicking the 'Show More' button will reveal the answer. A Hide button will briefly appear & fade away to indicate you can click on the answer to colapse it again & the 'Show More' button will reveal again.
  • How do I place an icon in the Show More Button?
    Answer: You can place html code in the 'Show More' text control. Most icon libraries provide html code that you can use. Bootstrap5 Icon Example: <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-angle-expand" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707z"/></svg> Font Awesome Icon Example: (remove any sizing class) <span class="fa fa-expand-alt"></span>

 FAQ

  • Where is FAQ?
    Answer: It has now been replaced by the new FAQ Pro which contains a lot more functionality. If you want FAQ back, then please buy FAQ Pro so it's financially possible to re-release it.
    Can the Question and Answer Text be styled further?
    Answer: Yes, Please watch the video to see how.

 Invisible reCAPTCHA

  • Where is Invisible reCAPTCHA?
    Answer: Due to the functionality being based on constantly changing Google code, this bric has been discontinued. It has now been replaced by the new DeSpam which contains a cleaner & easier-to-use interface.

 Page Lock

  • What framework does Page Lock use?
    Answer: It requires that you set the Bootstrap framework in Project Settings to Bootstrap 5.
    Where should I place the Page Lock - Admin bric?
    Answer: Position the bric in the middle Dynamic content section of the edit window
    Can a user be assigned access to more than one page?
    Answer: Yes, in Access enter comma-separated list of pages that user will have access to. Ex (Clean Pg Urls): page1/index.php,page2/index.php Ex (Simple Urls): page1.php,page2.php
    Where is the Page Lock - Admin - bric in the layer navigator, it disappeared after being setup?
    Answer: The bric is still on the page but there are some ui bugs in older versions of Blocs that cause the entire bloc to be hidden in the layer navigator. The bric should still be clickable in the edit window and editable using the right settings panel.
    What settings should be used when publishing?
    Answer: In File > Project Settings > Web Address, set the web address to the root of your site. When actually publishing, in the Export Settings section: Uncheck 'Minify HTML'. This is done due to the fact that Page Lock brics contain php & minimizing breaks the php tags.
    What is entered in Access ?
    Answer: The pages will all be referenced from the root of the site. Simple Urls (Clean Page URLs' Unchecked in Export Settings): 'Access' in Page Lock-User will need pages listed at the same level. Ex: page1.php Cleaned Urls (Clean Page URL's Checked in Export Settings): will need pages listed w/ their page name in the path. Ex: page1/index.php
    Why are '? >' tags showing in preview and on a live published page?
    Answer: These are probably code mutations that are being generated by Blocs & will look like: <? and ?>. With Blocs 5.2+ these should no longer exist. If they still exist after everything is setup on the live site, then please copy the page from the server and send it to me & give me the live url as well and I will look at it.
    Why is there a problem with logging in on a mobile device after setup?
    Answer: This has been reported on mobile Safari for site admins and it has to do with clearing all of the old site caches on these devices which can sometimes be a problem. On your phone: Open Settings, scroll down and on the left tap 'Safari', scroll down to Advanced > Website Data > Remove All Website Data (if there is anything stored there), then back to Safari and on the right tap 'Clear History and Website Data', tap 'Clear', tap 'Close Tabs' and then try again. There have reports of having to do this 5 times for it to finally work, so be patient. Note: your server host may be caching content between auto updates, so it's always good to ask them how long you would have to wait to see new content.
    Can visitors click directly on protected pages in the navigation?
    Answer: Yes, clicking on a page in the navigation will redirect them to the login page & then with correct credentials, redirect to the protected page.
    Can visitors click on a simple link that points to a protected page?
    Answer: Yes, clicking on a link to a protected page will redirect them to the login page & then with correct credentials, redirect to the protected page.
    How do I toggle the login/out button and interact for accessibility?
    Answer: To toggle the login/out button visibility, type: Shift + L You can move to the login/out button by using the Tab key and can interact with it by hitting: Space or Return

 Phone

  • Can any device make a call?
    Answer: If the device the visitor is using can make phone calls, then they should be able to click the link & call you.
  • Can the Phone Text be styled further?
    Answer: Yes, Please watch the video to see how. NOTE: custom class for the icon for Phone v1.2.0+ is now phonewrapper .fas

 Same Height

  • Can a same-height wrapper div be styled further?
    Answer: Yes, edit the same-height class you assigned to the elements and apply whatever properties you want.

 Sticky Alert

  • Can the sticky alert text & buttons be styled further?
    Answer: Yes, Please watch the video to see how.
  • What can I do if the popup background in edit mode is obscuring the content?
    Answer: The styling is always on in edit mode, but you can disable it until you are ready to publish & then enable it.
  • What can I do if the text color is not changing?
    Answer: The global text color is probably overriding your setting. Go to File : Project Settings & in the Typography settings (T), click the small 'X' next to the Color setting to clear it.

 Table Pro

  • What framework does Table Pro use?
    Answer: Table Pro works with either Bootstrap 4 or 5 framework when used within Blocs 5
  • Where should I place the table brics?
    Answer: Place each table in a separate structure bloc within the middle Dynamic content section of the edit window. Position a Table Pro Admin bric above the rows you want for the table. The Table Pro Row bric is a simple container which is placed for each row you want in the table. The Table Pro Cell bric is placed inside the Table Pro Row bric, for as many columns as desired.
  • How do I use multiple tables on a page or separate pages?
    Answer: The Table Pro Admin bric publishes a master styling file. When multiple tables are placed on a page, it is best to set all Table Pro Admin settings to the same for simplicity of design and setup. If you wish to have separate styling in a table, then you have a variety of controls in the Table Pro Cell bric which can overwrite the default styling.
  • What is the Col. Type control?
    Answer: You use this control to select the number of columns you will have which sets a number of defaults for you, but you must drop/duplicate cells in a row to build the columns.
  • What is the difference between using auto and a fixed column width?
    Answer: Setting the Col. Type to 'Auto' has no column limit, while all others are a fixed number of columns. Keep in mind, even on desktop, there will be a visual limit to the number of columns (cells) that can be easily seen when filled with data.
  • How do I set the table border?
    Answer: When you use the 'TBorWd' control, that sets the outer width of the border around the table. Note: the 'Border Wd' control will set the inner cell border widths.
  • How do I create a link in the content of a cell?
    Answer: Simply add this code in the cell's 'Content Txt': <a href="https://www.mysite.com">Link to My Site</a>
  • How do I insert an image in the content of a cell?
    Answer: Use 'ContBG Img' to set the image, 'Cont Ht' to change the height, if needed and 'BG Size' control to tell how the image will expand within the cell.
  • How do I span columns?
    Answer: There are two column span controls - you should use one or the other of 'ColSp %' or 'Col Span'. Using 'ColSp %' will set that cell (column) to the percentage width of the overall row width. Using 'Col Span' will set that cell (column) to span the set number of columns. Keep in mind if a column spans several columns, then you will need to decrease the cells used in that row.
  • How do I set cell functions?
    Answer: Cell Functions need to be set on each Table Pro Cell bric using the 'Cell Func' control. Cell functions will only work properly if the number of cells in each row are the same. Note: 'Line Numbering' & 'Date' need to be set in a matching cell in every row, others only need to set one cell in the bottom row.
  • How to get Date function to work?
    Answer: In the Table Pro Cell bric, set the cell function to 'Date' & then in the Table Pro Admin bric enter a date in the start date w/ a format of yyyy-mm-dd
  • How to hide/show rows?
    Answer: Rows can be collapsed to save vertical room in the edit window. To collapse a row, in Table Pro-Row, enable the 'Allow row collapse' control. Then, once cells have been added into it, click on the blue 'Row' bar to collapse it. To expand the row again, either click in a blank area outside the bric or in another bric, then click back on the 'Row' bar & the row will expand.

© 2018 - 2025  Parti Productions