# adminify/3.0.4/Inc/Admin/Options/Custom_CSS_JS_Admin_Area.php

Adminify – White Label, Admin Menu Editor, Login Customizer, version 3.0.4. 100 lines.

- Page: https://pluginprobe.com/plugins/adminify/3.0.4/code/Inc/Admin/Options/Custom_CSS_JS_Admin_Area.php
- Raw: https://pluginprobe.com/plugins/adminify/3.0.4/raw/Inc/Admin/Options/Custom_CSS_JS_Admin_Area.php
- Modified: 2022-10-26T14:18:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/adminify/3.0.4/code/Inc/Admin/Options/Custom_CSS_JS_Admin_Area.php#L10-L20`.

```php
<?php

namespace WPAdminify\Inc\Admin\Options;

use WPAdminify\Inc\Utils;
use WPAdminify\Inc\Admin\AdminSettingsModel;

if (!defined('ABSPATH')) {
    die;
} // Cannot access directly.

class Custom_CSS_JS_Admin_Area extends AdminSettingsModel
{
    public function __construct()
    {
        $this->general_post_settings();
    }

    public function get_defaults()
    {
        return [
            'custom_css'   => '<style>
    /* Write Admin Area CSS code here */
</style>',
            'custom_js'   => '<script>
    ;(function($) {
        "use strict";
        $(document).ready( function() {
            // Write your Admin Area JS code here
        });
    })( jQuery );
</script>'
        ];
    }


    /**
     * Post Status Columns
     */

    public function custom_css_js_fields(&$fields)
    {
        $fields[] = array(
            'type'    => 'subheading',
            'content'   => Utils::adminfiy_help_urls(
                __('Custom CSS/JS Settings', 'adminify'),
                'https://wpadminify.com/kb/wp-adminify-options-panel/#custom-css-js',
                'https://www.youtube.com/playlist?list=PLqpMw0NsHXV-EKj9Xm1DMGa6FGniHHly8',
                'https://www.facebook.com/groups/jeweltheme',
                'https://wpadminify.com/support/'
            )
        );

        $fields[] = array(
            'id'    => 'custom_css',
            'type'  => 'code_editor',
            'title' => __('Custom CSS (Admin Area)', 'adminify'),
            'subtitle' => __('Place cusotm css inside <strong>&lt;style&gt;&lt;/style&gt;</strong> tag.', 'adminify'),
            'desc'  => __('Write your own <strong>Custom CSS</strong> for WordPress Admin.', 'adminify'),
            'settings' => array(
                'theme' => 'monokai',
                'mode'  => 'htmlmixed',
            ),
            'sanitize' => false,
            'default' => $this->get_default_field('custom_css')
        );

        $fields[] = array(
            'id'       => 'custom_js',
            'type'     => 'code_editor',
            'title'    => __('Custom JavaScript  (Admin Area)', 'adminify'),
            'subtitle'    => __('Place custom script inside <strong>&lt;script&gt;&lt;/script&gt;</strong> tag.', 'adminify'),
            'desc'  => 'Write your own <strong>Custom Script</strong> for WordPress Admin.',
            'settings' => array(
                'theme' => 'dracula',
                'mode'  => 'htmlmixed',
            ),
            'sanitize' => false,
            'default' => $this->get_default_field('custom_js')
        );
    }

    public function general_post_settings()
    {
        if (!class_exists('ADMINIFY')) {
            return;
        }

        $fields = [];
        $this->custom_css_js_fields($fields);

        // Custom CSS Settings
        \ADMINIFY::createSection($this->prefix, array(
            'title'       => __('Custom CSS/JS', 'adminify'),
            'icon'        => 'fas fa-code',
            'fields'      => $fields
        ));
    }
}

```