rectangle type block

Permalink Browser Info Environment
i was wondering if block designer could help me create a block to simulate the feel of this website?
http://ywamkona.org/uofn_courses/revivalandreformation/...

Im just referring to the way everything is either a square with image or a square with text.
The text is all centred in height no matter what display size.

I never see anything like this on C5 sites or in themes.

Thanks, Dean.

Type: Pre-Sale
Status: Resolved
deanhawthornthwaite
View Replies:
ramonleenders replied on at Permalink Reply
ramonleenders
Hi Dean,

You sure can do that, since it's only a "Title" and some "WYSIWYG" area that you'll be entering in the Block. It's the CSS and HTML you need before, to make all this happen. This specific example uses javascript to make all the blocks the same hight (you can see that happening when inspecting the element, the height is set as attribute: height=12345px).

So you can copy/paste the HTML/CSS/JS needed and use that in a Block Designer block. But Block Designer will just give you the fields, you need the correct HTML etc. as told above.

Kind regards,

Ramon
deanhawthornthwaite replied on at Permalink Reply
deanhawthornthwaite
Hey many thanks for your reply.
Ive have managed to use flex-box as a method to achieve what i was after.
I only really understood half of your comments, especially when it comes to extracting the correct code out a page using the inspect function. Just a lowly designer at the end of the day :-)
ramonleenders replied on at Permalink Reply
ramonleenders
Hi Dean,

What I tried to say is, that Block Designer does not do any HTML/CSS. Flex-box, as you said was your solution to go with, is nothing Block Designer does. Eventually, YOU have to apply the styling yourself in your theme/.css file(s).

Sorry if my answer was somewhat confusing, just let me know when you still have questions or would like some more explaining on specific parts.

Kind regards,

Ramon
deanhawthornthwaite replied on at Permalink Reply
deanhawthornthwaite
Hi Ramon,

Really no need to apologise, Im very grateful for the help anyhow.

So what is the prime function of block designer, im not clear whether it could benefit me?
ramonleenders replied on at Permalink Reply
ramonleenders
Its main purpose is to create Block Types, that are not in the core. Let's say you want a "Family Member" Block Type, with fields like:

- First Name (text)
- Last Name (text)
- Date of Birth (date picker)
- Favorite Color (color picker)

This is not in the core. Block Designer can make that. You can also build the needed HTML around it, but the CSS is something that should come with the theme or from your designer to implement. So it's basically all about creating Block Types. A core Block Type is something like "Content" or "Horizontal Rule" or "Image". You've probably used those a lot. But for specific needs like the above, you'd need to programm/develop that yourself (without Block Designer that is). So Block Designer takes that pain away.

Hope it's a bit more clear with this example? :)

Kind regards,

Ramon

concrete5 Environment Information

# concrete5 Version
Core Version - 8.3.2
Version Installed - 8.3.2
Database Version - 20180122213656

# concrete5 Packages
Anitya Theme (2.2), Call to Action (1.0.0), Cloneamental (0.9.3), Cookies Notice (1.3.2), Cycle2 Slide Show (1.0.2), Easy Image Slider (1.2), EZ Event (1.0), HTML5 Audio Player Basic (2.0.5), Pagelist - masonry custom template (1.0), Quick Tabs (1.0), Simple Audio Player (0.9.1), Supermint Theme (3.4.1.3), Tallacmans Tasty Templates (1.0), Theme Lazy4basic (a.k.a. Personal) (1.0), Vivid Carousel (1.0.1)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache

# Server API
litespeed

# PHP Version
7.1.21

# PHP Extensions
bcmath, bz2, calendar, Core, ctype, curl, date, dom, enchant, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imap, json, libxml, litespeed, mbstring, mcrypt, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, pspell, readline, Reflection, session, shmop, SimpleXML, snmp, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, zip, zlib

# PHP Settings
max_execution_time - 300
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 300
max_input_vars - 1000
memory_limit - 128M
post_max_size - 128M
sql.safe_mode - Off
upload_max_filesize - 128M
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.