If the text does not fit in the box, after copying the code to your page, look for "DivRowBox" section in the code below (highlighted in red) and change the "width" to up to 55% (the best number that fits your need).
You can also make a second line just by duplicating the row (divTableRow) in your code.
If the text does not fit in the box, after copying the code to your page, look for "DivRowBox section in the code below (highlighted in red) and change the "width" to up to 48%(the best number that fits your need).
You can also make a second line just by duplicating the row (divTableRow) in your code.
If the text does not fit in the box, after copying the code to your page, look for "DivRowBox" section in the code below (highlighted in red) and change the "width" to up to 32% (the best number that fits your need).
You can also make a second line just by duplicating the row (divTableRow) in your code.
You must assign an id="beginning" to an element at the top of the page where you want the user to jump back to. For example, the id="beginning" should be assigned to the first paragraph or header of the page. You can also add an empty "Span" element with id="beginning" at the very top of the page. (This method is already incorporated in the code below)
Replace each item's description text with your own text where highlighted in red. If there is a link in any of the items listed, you should also change the link text and provide the hyperlink to your designated page. For example, in the code below the link goes to Web Accessibility page.
A pop-up window or a light-box can be used for providing instructions, help, information or submission confirmation in the form of a button, link-text or an icon. It can also be used to provide description for complex images/info-graphics where an alternative text is not acceptable due to the length of the description.
Here is some content that requires longer text to explain and provide more information.Here is some content that requires longer text to explain and provide more information.Here is some content that requires longer text to explain and provide more information.Here is some content that requires longer text to explain and provide more information.
This is the content that would show up by activating "Read more ..." above. It would collapse if the "more info" is activated for the second time. This is the content that would show up by activating "more info" above. It would collapse if the "more info" is activated for the second time.This is the content that would show up by activating "more info" above. It would collapse if the "more info" is activated for the second time.This is the content that would show up by activating "more info" above. It would collapse if the "more info" is activated for the second time.
Some More Content
The page content that follows the paragraph above.The page content that follows the paragraph above.The page content that follows the paragraph above.The page content that follows the paragraph above.The page content that follows the paragraph above.The page content that follows the paragraph above.The page content that follows the paragraph above.
Infographics
The bar graph represents the prevalence of disabilities for ages 18+ (in millions) as identified through a 2014 American Community Survey from the United States Census Bureau. Each bar represents a particular disability. The bar on the left (blue bar) represents ambulatory disabilities including serious difficulty walking or climbing stairs and the bar shows that 20.6 million are affected with 10.4 million being individuals who are 65 yrs. or older. The bar next bar (purple bar) represents the individuals with disabilities who are in independent living and have difficulty doing errands alone. 14.1 million Americans are affected by this with 6.8 million being 65 yrs of age or older. The following bar (orange bar) represents cognitive disabilities and this includes difficulty remembering, concentrating or making decisions. 12.8 million people suffer from cognitive impairments and 4.1 million people are 65 yrs. or order. Hearing disabilities is the next one (green bar) and this includes deaf and having serious difficulty hearing and 10.8 million people are impacted with 6.7 million being 65 yrs. or older. Self-care disabilities are the second to last (dark blue bar) which include difficulty bathing or dressing and 7.4 million people are affected by this with 3.8 being 65 Yrs. of age or older. The right most bar (red bar) is regarding vision disabilities and this includes blind or serous difficulty seeing even with glasses. 6.8 people are impacted and 3.0 million are 65 yrs of age or older.
Source Code:
Depending on how many "more info" toggles are used on your page and the height of the content box for each one, you need to adjust a few code snippets highlighted in red.