public function VarbaseBootstrapParagraphsSettingsForm::buildForm in Varbase Bootstrap Paragraphs 8.5

Same name and namespace in other branches

1. 8.7 src/Form/VarbaseBootstrapParagraphsSettingsForm.php \Drupal\varbase_bootstrap_paragraphs\Form\VarbaseBootstrapParagraphsSettingsForm::buildForm()
2. 8.4 src/Form/VarbaseBootstrapParagraphsSettingsForm.php \Drupal\varbase_bootstrap_paragraphs\Form\VarbaseBootstrapParagraphsSettingsForm::buildForm()
3. 8.6 src/Form/VarbaseBootstrapParagraphsSettingsForm.php \Drupal\varbase_bootstrap_paragraphs\Form\VarbaseBootstrapParagraphsSettingsForm::buildForm()
4. 9.0.x src/Form/VarbaseBootstrapParagraphsSettingsForm.php \Drupal\varbase_bootstrap_paragraphs\Form\VarbaseBootstrapParagraphsSettingsForm::buildForm()

Build the form.

Overrides ConfigFormBase::buildForm

File

src/Form/VarbaseBootstrapParagraphsSettingsForm.php, line 42

Class

VarbaseBootstrapParagraphsSettingsForm

Provides form for managing module settings.

Namespace

Drupal\varbase_bootstrap_paragraphs\Form

Code

public function buildForm(array $form, FormStateInterface $form_state) {
  $config = $this
    ->config('varbase_bootstrap_paragraphs.settings');
  $form['settings']['background_colors'] = [
    '#type' => 'textarea',
    '#default_value' => $config
      ->get('background_colors'),
    '#title' => t('Available CSS styles (classes) for Varbase Bootstrap Paragraphs'),
    '#description' => t('
<p>The list of CSS classes available as background styles for Varbase Bootstrap Pargaraphs. Enter one value per line, in the format <b>key|label</b> where <em>key</em> is the CSS class name (without the .), and <em>label</em> is the human readable name of the style in administration forms.</p><p>These styles are defined and can be customized in <code>vbp-colors</code> library that is defined in <code>varbase_bootstrap_paragraphs/varbase_bootstrap_paragraphs.libraries.yml</code>.</p><p>To customize the styles to fit your brand with your own theme, do the following:
  <ol>
    <li>Copy the LESS (<code>varbase_bootstrap_paragraphs/less/theme/vbp-colors.theme.less</code>) and CSS (<code>varbase_bootstrap_paragraphs/css/theme/vbp-colors.theme.css</code>) files to your own theme.</li>
    <li>Override or replace the <code>vbp-colors</code> library in your own frontend theme. You will need to edit <code>YOURTHEME.libraries.yml</code> and <code>YOURTHEME.info.yml</code>. Refer to <a href="@link">the documentation manual for overriding libraries in your theme</a> for more details.</li>
    <li>Edit the LESS/CSS files in your own theme to customize the styles as you wish. You will notice that the admin form will load your styles in the available "Background color" options for Paragraphs.</li>
  </ol>
</p>', [
      '@link' => ' https://www.drupal.org/docs/8/theming-drupal-8/adding-stylesheets-css-and-javascript-js-to-a-drupal-8-theme#override-extend',
    ]),
    '#cols' => 60,
    '#rows' => 10,
  ];
  return parent::buildForm($form, $form_state);
}