A new alternative to the announcement cards is a List. To create this, first create a list of announcements you want to make by going to Content -> Lists in Sitefinity, and creating a list. In each item, fill out these fields:
Once you've created your list, all you need to do after that is drop in an MVC List widget, select your List, and choose the "Card carousel with count" template. See example below.
<p style="text-align: center;">
<a class="button-secondary button--big" href="#" title="Speakers" target="_blank" rel="noopener noreferrer">Full Lineup</a> </p>
Note: when the below refers to making two layout blocks "neighbors", you should make sure they're both part of a parent layout element, but not one within the other. The easiest way to do this is to label the parent element (the one you're dragging two into), so you can see two distinct layout blocks, one above the other. If you only see one box to drop content into they're probably nested.
<img alt="replace" data-src="/images/default-source/supply-chain-library/supply_chain_conference_02.jpg?Status=Temp&sfvrsn=e42e706e_2" class="loaded" />
<img alt="replace" data-src="/images/default-source/supply-chain-library/supply_chain_conference_01.jpg?Status=Temp&sfvrsn=e62e706e_2" class="loaded" />
<img alt="replace" data-src="/images/default-source/supply-chain-library/supply_chain_conference_podium.jpg?Status=Temp&sfvrsn=1a2e706e_2" class="loaded" />
Association leaders from FMI and GMA share an industry-wide perspective on the impact of transportation issues and solutions projects at all points along the supply chain and the collaborative relationships that will carry us forward.
Hear a macro view of the landscape of our federal transportation environment, including FMCSA efforts that offer the potential to create more jobs in the commercial motor vehicle industry while maintaining the highest level of safety.
Too many shippers try to control the uncontrollable when managing their transportation costs. Within the uncertainties of today’s transportation environment, this session will help you unlock the value of investing in your transportation area as an asset, managing from the inside out, and controlling the things you truly can control to drive savings directly to your bottom line.
window.supporterUrl = 'URL_HERE';
<div class="logo-wall"> </div>
mg-thumbnail-list--5-acrossThe number in the template you select will be how many columns are used, so try to set a good amount for the amount of space you have and/or the number of sponsors you have. (e.g.: don't choose 5 columns if you're displaying in a very small space; don't choose 4 columns if you have 9 sponsors since you'll have one on a row all its own.)
<div id="pull" data-meetingid="442BBE00000008"> </div>
Drag in a 100% width layout and add a banded-bright section-inner class to the wrapper and a container class to Column 1.
For creating a block-like treatment, first look at the number of rows you need (rows being dictated by complete lines of white space that span the entire treatment). Then, for each row, choose either a 33%+67%, 67%+33%, or a 33%+34%+33% layout element. In any case, name the wrapper class tile--banner .
In each column drag in a Tiles widget (under Curated Tiles, non-mvc). Chose to display 'one particular tile only'. Under Single Item Settings/ Detail Template, select Matrix - Single Tile. Small and medium tiles are reserved for columns of 33% or 34%, while large tiles are for 66%. Small tiles can be stacked in the same column.
Since 100% can't be divided three ways evenly, some alignment issues can arise. When creating this treatment, choose one column to apply the extra 1% to and stick with it throughout every row.
Normal Text
When using a navigation widget:
add a list-across class to a list to make it display horizontal.
<ul class="list-across"> <li>I am a list item</li> <li>I am also a list item!</li> </ul>
add a list-across-divided class to a list to make it a divided horizontal list.
<ul class="list-across-divided"> <li>I am a list item</li> <li>I am also a list item!</li> </ul>
<ul class="list-across"> <li><a href="#" class="button">Hello world</a></li> <li><a href="#" class="button-secondary">Hello world</a></li> </ul>
To make buttons bigger add a button--big class.
<ul class="list-across"> <li><a href="#" class="button button--big">Hello world</a></li> <li><a href="#" class="button-secondary button--big">Hello world</a></li> </ul>
This is some normal text. This is some normal text. This is some normal text. This is some normal text. This is some normal text.
Use a small-text class for some small text. This is some small text. This is some small text.
Use a medium-text class for some medium text. This is some medium text. This is some medium text.
Use a large-text class for large text. This is some large text. This is some large text.
Use a larger-text class for some larger text. This is some larger text. This is some larger text.
Use a largest-text class for the largest text.
This layout column has a max width (the content within does not strech to the edge of the browser on wide viewports).
Use a container class on a layout column to apply the sites' standard max width restriction.
This layout column has a more comfortable reading line length.
Add section to the wrapper and container and reading-container class on the same column to shorten the max-width restriction.
This layout column is more narrow.
In addition to the container class, also use a reading-narrow class on the same column to shorten the max-width restriction.
This layout column has the most narrow max width of all.
In addition to the container class, also use a reading-slim class on the same column to shorten the max-width restriction.
I've been pushed down.
Drop in a multi-column layout block and add a divided-columns class to the wrapper.
Add a equal-heights class if you want the columns to appear equal in height.
Add a center-inside class if you want the content within the columns to be vertically centered.
The default background of the site is a light gray color.
If for some reason layout elements don't stack on mobile - add a mobile-zero class to the layout element.
Drag in a two column layout and add a media-box--secondary class to the wrapper.
This variation of the media box is intended to span the width of the screen, so make sure that you don't set this up inside another layout area with a max width.
Add a two column layout block and add a call-to-action class on the wrapper.
Do somethingIf you are using two columns put a equal-heights class on the main wrapper layout block. This will stretch the background color of both columns so that the columns appear even in height.
Do somethingDrag in a 100% column layout. Add a section-2x class to the wrapper and add container in Column 1.
Into this layout element, drag a Blog Posts MVC widget. Select "Use Limit" and set to 3 items total. Choose "Matrix blog post cards" as your "List template."
In the Single Item Settings, under "Open Single Item In...", choose Selected existing page > (Voice of Food Retail Blog) > View
Use a Content Block with text (in H3 & Strong) for the heading and put it right above the blog card content.
To add a button to the blog below the cards, add a Content Block there and copy this HTML:
<p style="text-align: center;"><a href="/blog" class="button" sfref="[f669d9a7-009d-4d83-ddaa-000000000002]eabdcb02-24aa-6724-9237-ff0000c12749">Read our blog</a></p>
Drag in a 100% column layout and add a section-2x class to the wrapper and container in Column 1.
Into this layout element, drag in a News MVC widget. Select "Use Limit" and set to 3 items total. Choose "Matrix news cards" as your "List template.
In the Single Item Settings, select existing page > Newsroom > Latest News > View
Ewing, NJ – Eight prominent food industry organizations have united to form the “ Food Industry FSMA 204 Collaboration” to enhance industry-wide awareness of the U.S. Food and Drug Administration’s (U.S. FDA’s) Food Traceability Rule, which implements Section 204(d) of the U.S. FDA Food Safety Modernization Act (FSMA). Participating organizations include: Association of Food and Drug Officials (AFDO), FMI – The Food Industry Association (FMI), GS1 US, Institute of Food Technologists (IFT), International Foodservice Distributors Association (IFDA), International Foodservice Manufacturers Association (IFMA), International Fresh Produce Association (IFPA) and National Association of State Departments of Agriculture (NASDA).
The Collaboration will share clear, concise messaging and resources that enable industry to take action in preparing for FSMA Rule 204, which was published in November 2022. FSMA Rule 204 mandates a comprehensive tracking and tracing system for certain high-risk foods listed on the U.S. FDA's Food Traceability List (FTL), including fresh produce and leafy greens, deli salads, certain types of seafood and more. The Collaboration will provide a forum where business and government officials can come together to educate industry and potentially help ease the burden of compliance.
Recognizing the imperative for a collective response, the Collaboration is founded on core principles, including operational effectiveness through collaboration, traceability for enhanced food safety, standardized data collection, and widespread training and education initiatives. The Collaboration prioritizes the enhancement of awareness and understanding of emerging traceability technologies to help ensure the safety and integrity of the food supply chain. Through united efforts, the Collaboration promotes acceleration of industry-wide compliance with FSMA Rule 204.
For more information about the Food Industry FSMA 204 Collaboration and to access combined resources and future educational opportunities from all participating organizations, visit Food Industry FSMA 204 Collaboration.
"As state and local agencies, AFDO members are often on the front lines, receiving critical information during foodborne illness outbreaks,” said Steven Mandernach, Executive Director, AFDO. “We are committed to collaborating with all partners, including industry, to successfully implement FSMA Rule 204 traceability requirements. By working together, we can enhance food safety, ensure efficient traceability and protect public health across the entire supply chain.”
“Food safety is the single most important issue that food retailers, wholesalers and suppliers focus on every day,” said Leslie G. Sarasin, President and CEO, FMI – The Food Industry Association. “FDA’s FSMA Rule 204 is the most significant regulation the food industry has ever faced and will demand tremendous investments for recordkeeping, data management and systems changes. This Collaboration demonstrates our collective commitment to sharing information and working together to ensure the food supply chain has the resources and clarity it needs for compliance.”
“Compliance with FSMA Rule 204 presents a significant challenge for U.S. and foreign agri-food interests, as it imposes unprecedented recordkeeping requirements and necessitates the adoption of advanced traceability technologies,” said Angela Fernandez, Senior Vice President of Market Development, GS1 US. “By convening food safety, supply chain logistics and data management experts across many food segments, the new Collaboration aims to share best practices for meeting Food Traceability Rule requirements.”
“IFT’s Global Food Traceability Center has played a critical role in food traceability for many years and now, with the window to FSMA Rule 204 compliance quickly closing, organizations need our guidance more than ever,” said Blake Harris, Technical Director, IFT’s Global Food Traceability Center. “Since the FSMA Rule 204 announcement, we have created a series of educational resources that will be essential to food organizations on their complicated compliance journey to help boost organizational traceability awareness.”
“It is critically important for manufacturing companies serving the food-away-from-home marketplace to meet FSMA Rule 204 compliance requirements,” said Phil Kafarakis, President & CEO, IFMA. “The continued strength of consumer spending for food-away-from-home mandates that manufacturers exceed consumer expectations for safe, flavorful and portable meals that go beyond FSMA Rule 204 compliance.”
“Foodservice distributors are deeply committed to providing safe food products to their customers and are highly skilled in tracking and tracing the volume and variety of food they distribute,” said Mark S. Allen, President & CEO, IFDA. “Collaborating with supply chain partners is key to enhancing food safety and advancing goals set forth under FSMA Rule 204.”
“Implementation of FSMA Rule 204 requirements is a cross-industry challenge,” said Ed Treacy, Vice President of Supply Chain, IFPA. “This collaboration will ensure that the resources created and education offered to our collective members are coordinated and aligned.”
"FSMA Rule 204 underscores the significance of understanding how the broader supply chain interacts with farmers, extending beyond just fresh fruits and vegetables,” said Ted McKinney, CEO, NASDA. “While the value of traceability is widely recognized, its effectiveness in enhancing food safety and public health will hinge on its practical application. Therefore, effective education, particularly in the early stages of this initiative, is crucial.”
###
About Association of Food & Drug Officials
The Association of Food and Drug Officials (AFDO) is a well-recognized national organization that represents state, territorial, and local food protection regulatory agencies including all the agencies that regulate produce, manufactured foods, and retail foods. The Association’s principal purpose is to act as the leader and a resource to state, territorial, and local regulatory agencies in developing strategies to resolve and promote public health and consumer protection related to the regulation of food, medical products, and cosmetics.
About FMI – The Food Industry Association
As the food industry association, FMI works with and on behalf of the entire industry to advance a safer, healthier and more efficient consumer food supply chain. FMI brings together a wide range of members across the value chain — from retailers that sell to consumers, to producers that supply food and other products, as well as the wide variety of companies providing critical services — to amplify the collective work of the industry.
About GS1 US
GS1 US® helps enable companies to power their supply chains to deliver safe, consistent, authentic, and trusted experiences. Best known as a source for UPC barcodes, GS1 is a not-for-profit, global data standards organization that creates a common language for companies to identify, capture, and share trusted data that links their physical and digital supply chains. Millions of businesses around the world power commerce with GS1 Standards. Learn more at www.gs1us.org.
About Institute of Food Technologists
The Institute of Food Technologists (IFT) is a global organization of over 11,000 individual members from more than 100 countries committed to advancing the science of food. Since 1939, IFT has brought together the brightest minds in food science, technology and related professions from academia, government, and industry to solve the world’s greatest food challenges. IFT’s Global Food Traceability Center conducts applied research; develops resources, tools, and training; and offers customizable services to help industry, regulators, and non-governmental organizations (NGOs) implement end-to-end, event-based, interoperable traceability to solve challenges and create opportunities across the supply chain. For more information, go to www.ift.org/gftc.
About International Foodservice Distributors Association
The International Foodservice Distributors Association (IFDA) is the premier trade association representing foodservice distributors throughout the United States and globally. IFDA members play a crucial role in the foodservice supply chain, delivering 33 million cases of food and related products to more than one million professional kitchens daily, including restaurants, K-12 schools, colleges and universities, U.S. military and government facilities, hospitals and care facilities, hotels and resorts, and other foodservice operations that make meals away from home possible. This vital industry generates $382 billion in sales, employs 431,000 people, and operates 17,100 distribution centers in all 50 states and the District of Columbia.
About International Foodservice Manufacturers Association
The International Foodservice Manufacturers Association (IFMA) is a trade association founded in 1952. IFMA empowers, nurtures, and connects an inclusive and diverse $1.3 trillion food-away-from-home ecosystem of manufacturers, distributors, operators, and others. By sharing insights, fostering best practices, and developing networking and educational opportunities through events, IFMA informs and instructs its members, and motivates change to improve both individual organizations and the foodservice industry at large.
About International Fresh Produce Association
The International Fresh Produce Association (IFPA) is the largest and most diverse international association serving the entire fresh produce and floral supply chain and the only to seamlessly integrate world-facing advocacy and industry-facing support. We exist to bring the industry together to create a vibrant future for all. We grow our member’s prosperity by conducting advocacy; connecting people and ideas; and offering guidance that allows us all to take action with purpose and confidence.
About National Association of State Departments of Agriculture
NASDA is a nonpartisan, nonprofit association which represents the elected and appointed commissioners, secretaries and directors of the departments of agriculture in all 50 states and four U.S. territories. NASDA grows and enhances American food and agricultural communities through policy, partnerships and public engagement. To learn more about NASDA, please visit www.nasda.org.
Generally used on landing pages.
Drag in a three column layout and add tile--banner and tile--row classes to the wrapper.
This variation of the tile-banner is intended to span the width of the screen, so make sure that you don't set this up inside another layout area with a max width.
In each column drag in a Tiles widget (under Curated Tiles, non-mvc). Chose to display 'one particular tile only'. Under Single Item Settings/ Detail Template, select Matrix - Single Tile.
All icon spans must include an "fmi-icon" class in addition to the classes listed below. (e.g. <span class="fmi-icon fmi-icon-calendar"></span>)
Also, if you will be using the icon inline with some text next to it: use a 'spacer-left' or 'spacer-right' class like so:
<span class="fmi-icon fmi-icon-calendar spacer-right"></span> calendarSee all icons
To display a large icon, use a large-icon class on the icon element.
Add a icon-badge class to an icon to give it a dark circular background.
To edit/add section icons (the green circle with an icon that appears on most pages).
In the admin navigate to Content > Section Icons
In the Title field of your image, prefix your title with mg-caption: . The caption will be added automatically.
Here are the updated IDs for all Categories.
If the category is a "sub category" (i.e. nested under something else), the ID of its parent appears in the third column - otherwise this column says "NULL" and can be ignored. We included this because it is important for determining whether you're looking at the "Training & Development" (ID=20) which is its own top-level category or if you're looking at the "Training & Development" which is nested underneath Education.
27 | Nutrition |
D | Food Safety & Security |
12 | Government Relations |
13 | Human Resources |
20 | Training & Development |
14 | Industry Relations |
1 | General Marketing & Merchandising |
28 | Crisis Management |
23 | Financial Management |
4B | Energy |
5 | Coupons |
9 | Sustainability |
64 | Education |
16 | Meat & Poultry |
19 | Produce |
1C | Seafood |
17 | Consumer Behavior & Trends |
18 | Pharmacy |
42 | Retail Dietitian |
11 | Category Management |
8 | Distribution |
A | Research |
3D | Food Waste |
2C | Deli / Bakery |
47 | Supplier Diversity |
2E | Payments |
2F | Transportation |
30 | SQFI |
32 | Asset Protection |
51 | Risk Management |
52 | Safety |
3C | Corporate Social Responsibility |
33 | Consumer Affairs |
54 | Animal Welfare |
65 | Signature Events |
57 | Safemark |
35 | Health & Wellness |
43 | Family Meals |
36 | Fresh Foods |
37 | Private Brands |
38 | Retail Operations |
46 | Total Store Collaboration |
4C | Packaging |
39 | Technology |
4E | Digital Shopper |
5C | Advertising |
5D | Social Media |
5E | Loyalty Programs |
5F | Communications |
60 | Shopper Services |
3B | Supply Chain |
34 | Cyber Security |
3E | Food Fraud |
66 | Training & Development |
Every blog section should consist of two pages: a list page and a detail page - this is necessary because post detail pages use a unique layout. To compose these sections do the following:
<strong>Category Name</strong> <div class="largest-text">Events</div>
mg-thumbnail-list--2-across mg-thumbnail-list--3-across mg-thumbnail-list--4-across mg-thumbnail-list--5-across Matrix - Title, Caption and Content Matrix - Title and Caption Linked Title Sponsor Carousel
Use the caption field for the items' text.
Use the caption field for the items' text.
Expand all button:
<p style="text-align:right;"><a class="button-secondary expand-toggle" href="#">Expand All</a></p>
11:00 AM - 7:00 PM
12:30 PM - 2:00 PM
4:00 PM - 7:00 PM
7:00 AM - 6:00 PM
7:00 AM - 8:00 AM
8:00 AM - 8:15 AM
8:15 AM - 9:00 AM
9:00 AM - 9:30 AM
9:30 AM - 10:30 AM
10:30 AM - 10:30 AM
11:00 AM - 12:00 PM
12:00 PM - 1:00 PM
1:00 PM - 2:00 PM
2:00 PM - 2:30 PM
2:30 PM - 3:30 PM
3:30 PM - 6:30 PM
7:00 AM - 4:00 PM
7:30 AM - 8:30 AM
7:30 AM - 8:30 AM
8:30 AM - 9:30 AM
9:30 AM - 10:00 AM
10:00 AM - 10:45 AM
11:00 AM - 12:00 PM
12:00 PM - 1:00 PM
1:00 PM - 2:00 PM
2:00 PM - 2:30 PM
2:30 PM - 3:30 PM
3:30 PM - 4:00 PM
4:00 PM - 5:00 PM
6:30 PM - 9:30 PM
7:00 AM - 7:45 AM
8:00 AM - 12:00 PM
We are finalizing locations. Stay tuned for more information.
12:30 PM - 2:00 PM
John Lerch is the Director of Energy and Facilities for Weis Markets, Inc. a regional supermarket chain based in Sunbury, PA with stores located in New York, Pennsylvania, New Jersey, Maryland, Delaware, Virginia, and West Virginia. John is responsible for the energy procurement, facility maintenance, HVAC/ Refrigeration Maintenance, equipment maintenance, and the implementation and execution of energy efficiency and sustainability programs at 200+ stores.