Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Hint and Solution Single Block Buttons | Buttons
Test UI Features
course content

Course Content

Test UI Features

Test UI Features

1. Buttons
Hint/Solution ButtonsHint/Solution/Video Tutorial ButtonsHint and Solution Single Block ButtonsCode Description ButtonDownload File in the TXT formatDownload Course Summary
2. ContentDev Tools
Markdown ParsingColorsRegExp CreationItem Feedbacks
3. Image Tools
Image
4. Links
Link in a TextLink to Git and CodeSandbox
5. Other
Windows / Apple / Linux InstructionsNN Cat/DogEncryption BlockText with Color LegendDanyas playgroundOleh S tests
6. Text Boxes
NoteStudy MoreDefinition Text BlockChatGPT Prompt Input - OutputQuote Text BoxFile name headerPrerequisites Box With LinksNested ListSuperscript/SubscriptCopyable Text BoxCode Block - Highlighted & Copyable SQLCode Block - Highlighted & Copyable PythonCode Block - Highlighted & Copyable JavaScriptCode Block - Highlighted & Copyable JavaCode Block - Highlighted & Copyable DartCode Block - Highlighted & Copyable C++Code Block - Highlighted & Copyable CCode Block - Highlighted & Copyable C#
7. Tables
Scrollable Framed Table
8. Developers
ButtonsDownload File ButtonImage Magnifier / Image Magnifier + CarouselNote / Study more / DefinitionCode Block - Highlighted & Copyable ???Prerequisites Box With LinksScrollable Framed Table ???
9. Deprecated
+ (deprecated) Hint and Solution Single Block+ (deprecated) TypeScript Hint/Solution+ (deprecated) C# Hint/Solution+ (deprecated) JavaScript Hint/Solution+ (deprecated) Java Hint/Solution+ (deprecated) GO Lang Hint/Solution+ (deprecated) Python Hint/Solution+ (deprecated) Java Hint/Solution with Copyable & Highlighted Code+ (deprecated) Scala Hint/Solution with Copyable & Highlighted Code+ (deprecated) Hint/Video Tutorial+ (deprecated) Hint/Solution/Video Tutorial(deprecated) Interactive Video + (deprecated) Images Slider+ (deprecated) Images Carousel+ (deprecated) Image Magnifier+ (deprecated) Image Carousel & Magnifier+(deprecated) Image Magnifying Glass+ (deprecated) Linked List+ (deprecated) IDE Testing+ (deprecated) CSS Example Practice Test+ (deprecated) Spinning anim+ (deprecated) Temporary Hint/Video Tutorial+ (deprecated) Temporary Hint/Solution/Video Tutorial+ (deprecated) Joke+ (deprecated) Animated border+ (deprecated) Default Custom Table+ (deprecated) Table Action+ (deprecated) Styled Table

bookHint and Solution Single Block Buttons

Readme

  1. Goal of the Hint Button: is designed to hide the next block that follows it. The block that gets hidden can be of any type;
  2. How to Implement:
    • First, copy the necessary source code;
    • Paste the code into the designated HTML block;
    • After the HTML block, use any block to serve as the hidden content that will be revealed when the hint is clicked.

Element - Hint Button

  • fvs
  • fed
  • feadfe qfecew

Source code for Hint Element

html

index

css

index

js

index

copy

Readme

  1. Goal of the Solution Button: redirects the user to another resource or page;
  2. How to Implement:
    • Copy the necessary source code for the solution button;
    • Replace the value of the href attribute with the URL of the resource you want the user to be redirected to.

Element - Solution Button

Source code for Solution Element

html

index

css

index

js

index

copy

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 1. Chapter 3
some-alt