Our new website is still being optimized, and you may experience temporary issues. For assistance, please contact us at +1 954 946 9454, gardco@altana.com, or via live chat.

+1 (954) 946-9454

Cart: empty

UI Overview

This page provides an overview of what the individual UI elements of the web store look like.

# Button

Primary Large
Primary Standard
Primary Small
Secondary Large
Secondary Standard
Secondary Small
Tertiary Large
Tertiary Standard
Tertiary Small

# Headline and Text

H1 Heading

H1 Heading

H1 Heading

H2 Heading

H2 Heading

H2 Heading

H3 Heading

H3 Heading

H3 Heading

H4 Heading

H4 Heading

H4 Heading

H5 Heading

H5 Heading

H5 Heading
H6 Heading

H6 Heading

H6 Heading

Paragraph #1 element with a lot of text... text... text... text... text... text... text... text... text... text...

Paragraph #2 element with a lot of text, this text is displayed smaller. However, the text cannot display line breaks even if they are maintained.

This is a Rich Content Element, Replace this text with content of your own.

Here you can display line breaks and many more text variants.


  • like unordered list
  • element
  • element


  1. or a ordered list
  2. element
  3. element


Different text sizess are also possible in the rich content element:

8 font size configured text

10 font size configured text

12 font size configured text

14 font size configured text

16 font size configured text

default font size configured text

18 font size configured text

20 font size configured text

22 font size configured text

24 font size configured text

26 font size configured text

28 font size configured text

36 font size configured text

48 font size configured text

72 font size configured text


However, it is also possible to underline the text, make it bold or italicize and cross it out.

Fixed predefined color values for text color.

But also fixed predefined color values for the background color.

A text link looks exactly like this.

Link list content component for e.g. "Default User Profile Menu"

Tile menu component for e.g. "Default My Account Menu"

My Account
Order History
My List
Addresses
Quote Requests

This text is displayed in the collapsible area of the component. The content is displayed by default.

This text is displayed in the collapsible area of the component. The content is displayed by default

# Layout

Banner Component

Your subheader goes here

Learn More

Why is the micro-gloss the unsur passed Industry Standard for Gloss Measurernent?

In order to guarantee gloss harmony i.e. no visual gloss differences between adjacent parts conning from different suppliers a glossmeter needs to fulfill the following technical requirements

Learn More

Column 1

Column 2

Column 1

Column 2

Column 3

Column 1

Column 2

Column 3

Column 4

Column 1

Column 2

Column 3

Column 4

Column 5

Column 1

Column 2

Column 3

Column 4

Column 5

Column 6

# Form Elements

# Content Tiles

Your headline goes hereYour description goes here
adjusted headlinemodified description text and background color
Scale to fit imageText color automatically dark for higher contrast & without button

The content slots are active in this tile!

Use standard Text Block component from Salesforce

other Btn component

# Consent

Table with headline top

Ordering Guide20 mm Kit50 mm Kit50 mm2 Tile Kit
(BS EN 12004-2)		50 mm C1583 Kit
(ASTM C1583)
Automatic Models:0.7 - 24 MPa
100 - 3500 psi
100 - 7550 N		0.4 - 3.8 MPa
50 - 560 psi
100 - 7550 N		0.4 - 3.033 MPa
50 - 440 psi
100 - 7550 N		0.4 - 3.8 MPa
50 - 560 psi
100 - 7550 N
Manual Models:0.7 - 20 MPa
100 - 3000 psi		0.4 - 3.5 MPa
50 - 500 psi		0.4 - 2.585 MPa
50 - 375 psi		0.4 - 3.5 MPa
50 - 500 psi
Included Dollies:Ø20 mm (qty 20) AluminumØ50 mm (qty 8) Aluminum50 mm2 Plate (qty 4) with threaded post SteelØ50 mm (qty 4) with > 25 mm thickness Steel
Typical Application:Higher bond strength coatings on metalsLower bond strength coatings on wood, concrete and plasticCementitious adhesive for tilesASTM C1583 Concrete surfaces and overlays
Cutting Tool:20 mm hole saw50 mm hole saw-50 mm diamond grit hole saw with arbor
Adhesive:ResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part Epoxy^
Resolution:0.01 MPa (1 psi)
Accuracy:±1% Full Scale
Standards:Conforms to international standards including ASTM D4541, D7234; ISO 4624, 16276-1; AS/NZS 1580.408.5 and others

Table with headline on left site

Automatic Models:0.7 - 24 MPa
100 - 3500 psi
100 - 7550 N		0.4 - 3.8 MPa
50 - 560 psi
100 - 7550 N		0.4 - 3.033 MPa
50 - 440 psi
100 - 7550 N		0.4 - 3.8 MPa
50 - 560 psi
100 - 7550 N
Manual Models:0.7 - 20 MPa
100 - 3000 psi		0.4 - 3.5 MPa
50 - 500 psi		0.4 - 2.585 MPa
50 - 375 psi		0.4 - 3.5 MPa
50 - 500 psi
Included Dollies:Ø20 mm (qty 20) AluminumØ50 mm (qty 8) Aluminum50 mm2 Plate (qty 4) with threaded post SteelØ50 mm (qty 4) with > 25 mm thickness Steel
Typical Application:Higher bond strength coatings on metalsLower bond strength coatings on wood, concrete and plasticCementitious adhesive for tilesASTM C1583 Concrete surfaces and overlays
Cutting Tool:20 mm hole saw50 mm hole saw-50 mm diamond grit hole saw with arbor
Adhesive:ResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part Epoxy^
Resolution:0.01 MPa (1 psi)
Accuracy:±1% Full Scale
Standards:Conforms to international standards including ASTM D4541, D7234; ISO 4624, 16276-1; AS/NZS 1580.408.5 and others

Table with text alignments (row & cell)

Cell modifications:Cell left
100 - 3500 psi
100 - 7550 N		Cell center
50 - 560 psi
100 - 7550 N		Cell right
50 - 440 psi
100 - 7550 N		Cell default
50 - 560 psi
100 - 7550 N
Row default:0.7 - 20 MPa
100 - 3000 psi		0.4 - 3.5 MPa
50 - 500 psi		0.4 - 2.585 MPa
50 - 375 psi		0.4 - 3.5 MPa
50 - 500 psi
Row center:Ø20 mm (qty 20) AluminumØ50 mm (qty 8) Aluminum50 mm2 Plate (qty 4) with threaded post SteelØ50 mm (qty 4) with > 25 mm thickness Steel
Row right:Higher bond strength coatings on metalsLower bond strength coatings on wood, concrete and plasticCementitious adhesive for tilesASTM C1583 Concrete surfaces and overlays

Table with text alignments (complete table right)

Automatic Models:0.7 - 24 MPa
100 - 3500 psi
100 - 7550 N		Cell center
50 - 560 psi
100 - 7550 N		Cell right
50 - 440 psi
100 - 7550 N		0.4 - 3.8 MPa
50 - 560 psi
100 - 7550 N
Manual Models:0.7 - 20 MPa
100 - 3000 psi		0.4 - 3.5 MPa
50 - 500 psi		0.4 - 2.585 MPa
50 - 375 psi		0.4 - 3.5 MPa
50 - 500 psi
Row center:Ø20 mm (qty 20) AluminumØ50 mm (qty 8) Aluminum50 mm2 Plate (qty 4) with threaded post SteelØ50 mm (qty 4) with > 25 mm thickness Steel
Row right:Higher bond strength coatings on metalsLower bond strength coatings on wood, concrete and plasticCementitious adhesive for tilesASTM C1583 Concrete surfaces and overlays
Cutting Tool:20 mm hole saw50 mm hole saw-50 mm diamond grit hole saw with arbor
Adhesive:ResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part EpoxyResinLab EP11HT 2-Part Epoxy^
Resolution:0.01 MPa (1 psi)
Accuracy:±1% Full Scale
Standards:Conforms to international standards including ASTM D4541, D7234; ISO 4624, 16276-1; AS/NZS 1580.408.5 and others

# Standard & Richtext block example (ul, ol and p)

Standard HTML editor output

Do you no longer want to look at a white wall in the office or laboratory?

Then the NEW viscosity poster from BYK-Gardner is just right for you. Not only does it look good, but it also helps to refresh your knowledge of viscosity. Learn more about:

  • Shear rate influences on viscosity readings
  • Rheological behavior of coatings
  • What measurement system is right for your application
  1. Shear rate influences on viscosity readings
  2. Rheological behavior of coatings
  3. What measurement system is right for your application

Richtext editor output

Do you no longer want to look at a white wall in the office or laboratory?

Then the NEW viscosity poster from BYK-Gardner is just right for you. Not only does it look good, but it also helps to refresh your knowledge of viscosity. Learn more about:

  • Shear rate influences on viscosity readings
  • Rheological behavior of coatings
  • What measurement system is right for your application
  1. Shear rate influences on viscosity readings
  2. Rheological behavior of coatings
  3. What measurement system is right for your application


# Tabs

Necessary adjustments to use the tab menu in the correct style:

  • Attention by default the tabs have a headline <h3> element
  • use the class name "commerce-tabs" for best styling result
  • (tabs component > style > custom css > CSS Class input field)

Tab 2 content area


I hope you have observed the settings from Tab1?

Tab 3 content area


I hope you have observed the settings from Tab1?


# Info box

Gardco is part of the BYK-Gardner family. For orders placed from within Europe, our parent company BYK-Gardner GmbH will handle fulfillment and shipping. This ensures faster delivery, reduced shipping costs, and seamless logistics within the European Union. All product warranties, returns, and customer support remain fully backed by Gardco.

# Fullwidth background

To draw a background up to the edge of the browser viewport, we now have the following class available:

"bg-fullwidth--gray"


The hover state of tables is changed accordingly so that it remains visible.

# Background color via component

The background color can be selected from a dropdown menu.

The background can be changed to the full browser width using a checkbox.

# Locations Map

We need your approval
This content is provided by unknown vendor. By enabling this content, your personal data may be processed by the vendor and cookies may be set.
Accept
Cookie Banner powered by consentmanager.netconsentmanager.net

# Contact Us - Lead Creation #

With submitting you declare you have written all details and you are aware we are using all your data

### BLUE PRINT SECTION ###
Privacy settingsPrivacy settings