## Localizations for self-service (admin) portal

Localizing the self-service (admin) portal components involves customizing various textual elements to cater to different languages. This includes setting custom text for labels, input placeholders, buttons, etc. In the Frontegg platform, you can define a localization object by specifying custom text for different sections, such as loginBox and adminPortal. Within the login box, you can customize the text for login and signup pages, including placeholders for email and password fields, social login button texts, and more. This approach ensures that users have a seamless experience whilst using your up. The following topic provides detailed examples and code snippets to help you customize your text elements.

br
### Navigation

You can customize the navigation text in your self-service (admin) portal. By default, the navigation looks something like the  sidebar in the image below:

br
![login-style-1](/assets/admin-local-1.9936bd0b6b9057224d0dfcd6c9c28636abe6ad500b070a9ce77076ea03c7104e.2f355c9f.png)

Change the text of the navigation items in the sidebar. Your options for customizing navigation text are in `frontegg/types/Localizations/AdminPortalLocalizations/navigation.d.ts`.

Here is an example that changes the text for Profile, Account Security, and Users:



```javascript
const localizations = {
  en: {
    adminPortal: {
      navigation: {
        /**
         * Profile navigation item text
         */
        profile: "Acme Profile",
        /**
         * Privacy navigation item text
         */
        privacy: "Acme Security",
        /**
         * Users navigation item text
         */
        users: "My Users",
      },
    },
  },
};
```

br
The result would look like the following:

![login-style-1](/assets/admin-local-2.b1c77f1a0d50cef1184bfc91f95de200ba1f04698b19ac7038ca8be138db23cc.2f355c9f.png)

### Self-service (admin) portal sub-sections

Customize the text within the different sub-sections of your self-service (admin) portal. For instance, customize the page or dialog title, table column titles, and more.

Generally, each sub-section has its own file in `frontegg/types/Localizations/AdminPortalLocalizations/` with a filename that corresponds to the section name. For instance, find the **Privacy & Security** text settings in the `privacy.js` file and the **Users** text settings in the `users.js` file.

In each file you will find an object containing the name of the sub-section key and the options available for customization. In the `adminPortal` section of your `localizations` object, add the subsection key with an object containing your custom text.

For instance, on the Users page, you can customize the names of the labels in the users table. Here is a simple example.

Here are the default table titles on the **users** page:


![login-style-1](/assets/admin-local-3.46569a75b3ff00ac00cf8080a3d987f4552d0ef9b14bd6678051a33fe20015f9.2f355c9f.png)

To change the titles in the table, use the following code (taken from `frontegg/types/Localizations/AdminPortalLocalizations/users.d.ts`):



```javascript
const localizations = {
  en: {
    adminPortal: {
      users: {
        userHeader: "Acme User",
        rolesHeader: "Acme Roles",
        joinedHeader: "Joined Acme",
        lastSeenHeader: "Visited Acme",
      }
    }
  }
};
```

br