Difference between revisions of "Provider customization"
Jump to navigation
Jump to search
| (21 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | '''NOTE:''' This page is deprecated for provider 6.0 or higher as its content can be found in customization manual at https://manuals.regify.com. | |
| − | + | == Basic CSS styles == | |
| − | + | Please note that the [https://manuals.regify.com/docs/provider/current/provider_customizing/ generic customization documentation for a regify provider is found on our manuals server]. | |
| − | + | ||
| − | + | In most cases, someone wants to adapt the provider interface to match his corporate identity (CI). The color is easily adapted in the administration dialogs. But some special hints can be found here: | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | == Asian Fonts (Chinese) == | ||
/** | /** | ||
* For enhanced Asian fonts. | * For enhanced Asian fonts. | ||
| Line 22: | Line 15: | ||
font-family: "Roboto","Microsoft JhengHei","Heiti TC","LiHei Pro Medium","PMingLiU",Arial,sans-serif; | font-family: "Roboto","Microsoft JhengHei","Heiti TC","LiHei Pro Medium","PMingLiU",Arial,sans-serif; | ||
} | } | ||
| + | |||
| + | == Using a custom font == | ||
| + | Beginning with '''regify provider 5''', it is possible to upload a TTF font (.ttf) in your customizing dialogue. By this, you can then use it as a local font. | ||
| + | |||
| + | For example, we uploaded '''[https://fonts.google.com/specimen/Dosis Dosis-Regular.ttf]''' in the "Change provider appearance and templates" -> "Customize provider optics". Upon this, we edited '''_customize.css''' to contain this: | ||
| + | |||
| + | @font-face { font-family: 'Dosis'; | ||
| + | src: url('MYIMAGES/Dosis-Regular.ttf') format('truetype'); } | ||
| + | |||
| + | .panel-heading { | ||
| + | /* this example works with provider 5.3 or higher */ | ||
| + | font-family: 'Dosis', sans-serif; | ||
| + | font-weight: bolder; | ||
| + | } | ||
| + | |||
| + | By this, we were able to set this font for panel headlines. You may also want to set different sizes. For this, use standard CSS classes. | ||
| + | |||
| + | == Logo image == | ||
| + | There are two logos in a regify provider: | ||
| + | # One delivered to the client software. For this, [https://manuals.regify.com/docs/provider/current/provider_customizing/#_logo_and_favicon please follow the official logo guide!]. | ||
| + | # The second in the one for the provider web portal. For this, first upload the image you want in your customizing dialogue. make sure it is not too big. Ideally, it fits the later target size. | ||
| + | |||
| + | Upon it was uploaded, you can place it like this: | ||
/** | /** | ||
| − | * CSS for | + | * Standard CSS for adapting to your logo. |
| − | * | + | * Please upload the logo using the image folder first. |
| − | |||
*/ | */ | ||
| − | + | .NavLogo { | |
| − | + | background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */ | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | background- | ||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
Latest revision as of 15:55, 11 August 2025
NOTE: This page is deprecated for provider 6.0 or higher as its content can be found in customization manual at https://manuals.regify.com.
Basic CSS styles
Please note that the generic customization documentation for a regify provider is found on our manuals server.
In most cases, someone wants to adapt the provider interface to match his corporate identity (CI). The color is easily adapted in the administration dialogs. But some special hints can be found here:
Asian Fonts (Chinese)
/**
* For enhanced Asian fonts.
* Use only if you plan to support Chinese!
*/
body {
font-family: "Roboto","Microsoft JhengHei","Heiti TC","LiHei Pro Medium","PMingLiU",Arial,sans-serif;
}
Using a custom font
Beginning with regify provider 5, it is possible to upload a TTF font (.ttf) in your customizing dialogue. By this, you can then use it as a local font.
For example, we uploaded Dosis-Regular.ttf in the "Change provider appearance and templates" -> "Customize provider optics". Upon this, we edited _customize.css to contain this:
@font-face { font-family: 'Dosis';
src: url('MYIMAGES/Dosis-Regular.ttf') format('truetype'); }
.panel-heading {
/* this example works with provider 5.3 or higher */
font-family: 'Dosis', sans-serif;
font-weight: bolder;
}
By this, we were able to set this font for panel headlines. You may also want to set different sizes. For this, use standard CSS classes.
Logo image
There are two logos in a regify provider:
- One delivered to the client software. For this, please follow the official logo guide!.
- The second in the one for the provider web portal. For this, first upload the image you want in your customizing dialogue. make sure it is not too big. Ideally, it fits the later target size.
Upon it was uploaded, you can place it like this:
/**
* Standard CSS for adapting to your logo.
* Please upload the logo using the image folder first.
*/
.NavLogo {
background-image: url("MYIMAGES/my_logo.png"); /* fix image name here */
}
