Preferred Language

The Preferred Language block allows the user to select their preferred language.

Edit on GitHub
On this page:

Best Practices

Place this UI Block at the top of each page or as the first page for a web application.

Usage

Preferred Language

Use AppName in your preferred Language.

You can use AppName in your preferred language. We speak four languages right now, but we’re learning more. 

<div class="content-container py-4 p-lg-16 my-16">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <h3 class="h3 mb-6 text-primary">
                    <span class="fas fa-comments fa-fw mr-1 text-primary-10"></span> Preferred Language
                </h3>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <p class="">Use AppName in your preferred Language.</p>
                <p class="small">You can use AppName in your preferred language. We speak four languages right now, but we’re
                    learning more.
                </p>
            </div>
            <div class="col-lg-6">
                <div class="form-group">
                    <label for="LanguageSelection">Your Preferred Language</label>
                    <select class="custom-select" id="LanguageSelection">
                        <option selected>&mdash; Select your preferred language &mdash;</option>
                        <option value="1">English</option>
                        <option value="2">Française</option>
                        <option value="3">Español</option>
                        <option value="4">Tiếng Việt</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>
Previous
Next