diff --git a/docs/framework/authentication.mdx b/docs/framework/authentication.mdx index 7d429e6cc..0205d95ce 100644 --- a/docs/framework/authentication.mdx +++ b/docs/framework/authentication.mdx @@ -16,7 +16,7 @@ Framework will be able to authenticate a user through an identity provider such Authentication configuration is done in the `server_setup.py` [module](custom-server.md). The configuration depends on your identity provider. Here is an example configuration for Google. -![Authentication OIDC Principle](/framework/images/authentication_oidc_principle.png) +![Authentication OIDC Principle](/framework/images/auth.png) **server_setup.py** diff --git a/docs/framework/builder-basics.mdx b/docs/framework/builder-basics.mdx index ac1e939ce..50acc33e7 100644 --- a/docs/framework/builder-basics.mdx +++ b/docs/framework/builder-basics.mdx @@ -67,7 +67,7 @@ The _Preview_ mode shows the application exactly like the user will see it. It a Settings are divided into the following sections. Changes to settings can be undone and redone using the buttons on the top bar. -![Framework Builder - Component settings](/docs/framework/images/builder-basics.component-settings.png) +![Framework Builder - Component settings](/framework/images/builder-basics.component-settings.png) ### Properties @@ -83,7 +83,7 @@ Properties are of different types, such as _Text_, _Color_ and _Number_. All pro ### Binding -![Framework Builder - Binding](/docs/framework/images/builder-basics.binding.png) +![Framework Builder - Binding](/framework/images/builder-basics.binding.png) Input components can be bound, in a two-way fashion, to a state element. @@ -107,7 +107,7 @@ Whether the component should be displayed. There are three visibility options: Perform a variety of operations on existing components. Options will be grayed out when they're not applicable to the relevant component. Most shortcuts can be triggered using the keyboard; hover on them to show the appropriate combination. -![Framework Builder - Component shortcuts](./images/builder-basics.component-shortcuts.png) +![Framework Builder - Component shortcuts](/framework/images/builder-basics.component-shortcuts.png) - _Add_. Adds a child of a given type to this component. - _Move up_. Decrements the position index of the component, used to sort children in the parent container. diff --git a/docs/framework/handling-inputs.mdx b/docs/framework/handling-inputs.mdx index 4eea02afd..ec3abdde3 100644 --- a/docs/framework/handling-inputs.mdx +++ b/docs/framework/handling-inputs.mdx @@ -25,7 +25,7 @@ Bindings automatically handle the _change_ event for the component and set the v As mentioned in the [Builder basics](builder-basics.html) section of the guide, bindings can be configured in the component settings. -![Repeater example](./images/handling-inputs.binding.png) +![Repeater example](/framework/images/handling-inputs.binding.png) The binding above establishes a two-way link between the component and the state element `name`. If `name` changes in the backend, the component changes. If the component changes, the value of `name` changes. @@ -55,4 +55,4 @@ As with any application, it's important to be familiar with the risks associated Input components can be combined with _Message_ and _Button_ components to create forms with messages, indicating whether the submission was successful. -![Form example](./images/handling-inputs.form.png) +![Form example](/framework/images/handling-inputs.form.png) diff --git a/docs/framework/images/auth.png b/docs/framework/images/auth.png new file mode 100644 index 000000000..12ba240bd Binary files /dev/null and b/docs/framework/images/auth.png differ diff --git a/docs/framework/images/authentication_oidc.png b/docs/framework/images/authentication_oidc.png index ad3982978..b0d507607 100644 Binary files a/docs/framework/images/authentication_oidc.png and b/docs/framework/images/authentication_oidc.png differ diff --git a/docs/framework/images/authentication_oidc_principle.png b/docs/framework/images/authentication_oidc_principle.png deleted file mode 100644 index 5e28c9f5c..000000000 Binary files a/docs/framework/images/authentication_oidc_principle.png and /dev/null differ diff --git a/docs/framework/images/builder-basics.binding.png b/docs/framework/images/builder-basics.binding.png index 99b814e64..79fd15e5e 100644 Binary files a/docs/framework/images/builder-basics.binding.png and b/docs/framework/images/builder-basics.binding.png differ diff --git a/docs/framework/images/builder-basics.component-settings.png b/docs/framework/images/builder-basics.component-settings.png index f90b03e66..dd5416d73 100644 Binary files a/docs/framework/images/builder-basics.component-settings.png and b/docs/framework/images/builder-basics.component-settings.png differ diff --git a/docs/framework/images/builder-basics.component-shortcuts.png b/docs/framework/images/builder-basics.component-shortcuts.png index 5483ba789..5ff4e51fb 100644 Binary files a/docs/framework/images/builder-basics.component-shortcuts.png and b/docs/framework/images/builder-basics.component-shortcuts.png differ diff --git a/docs/framework/images/handling-inputs.binding.png b/docs/framework/images/handling-inputs.binding.png index 72594879d..79fd15e5e 100644 Binary files a/docs/framework/images/handling-inputs.binding.png and b/docs/framework/images/handling-inputs.binding.png differ diff --git a/docs/framework/images/handling-inputs.form.png b/docs/framework/images/handling-inputs.form.png index c98d34ca8..792b51cbf 100644 Binary files a/docs/framework/images/handling-inputs.form.png and b/docs/framework/images/handling-inputs.form.png differ diff --git a/docs/framework/images/stylesheets.applied-classes.png b/docs/framework/images/stylesheets.applied-classes.png index 89019ab13..265c99ba9 100644 Binary files a/docs/framework/images/stylesheets.applied-classes.png and b/docs/framework/images/stylesheets.applied-classes.png differ diff --git a/docs/framework/images/stylesheets.component-settings.png b/docs/framework/images/stylesheets.component-settings.png index 26a1c3fe5..cea084057 100644 Binary files a/docs/framework/images/stylesheets.component-settings.png and b/docs/framework/images/stylesheets.component-settings.png differ diff --git a/docs/framework/stylesheets.mdx b/docs/framework/stylesheets.mdx index 3b4b89fba..ff2e36a9a 100644 --- a/docs/framework/stylesheets.mdx +++ b/docs/framework/stylesheets.mdx @@ -38,7 +38,7 @@ During development time, stylesheets may be cached by your browser, preventing u You can use the property *Custom CSS classes* in Builder's *Component Settings* to apply classes to a component, separated by spaces. Internally, this will apply the classes to the root HTML element of the rendered component. -![Stylesheets - Component Settings](./images/stylesheets.component-settings.png) +![Stylesheets - Component Settings](/framework/images/stylesheets.component-settings.png) ## Tips for effective stylesheets @@ -76,7 +76,7 @@ Alternatively, you can override Framework's style variables. This behaves slight The class can be used in *Component Settings*. If the stylesheet is imported, the effect will be immediate. In case the stylesheet has been modified since imported, it'll need to be imported again. -![Stylesheets - Applied Classes](./images/stylesheets.applied-classes.png) +![Stylesheets - Applied Classes](/framework/images/stylesheets.applied-classes.png) ## Targeting component types