Skip to content

Commit

Permalink
fix wording, add link to push method
Browse files Browse the repository at this point in the history
  • Loading branch information
filipKovachev committed Jul 25, 2024
1 parent 97afc87 commit 8042182
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 7 deletions.
10 changes: 5 additions & 5 deletions knowledge-base/ai-prompt-position-latest-response-on-bottom.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
---
title: How to position the latest response on the the bottom
description: An example that showcases how to position the latest response on the bottom
title: How to position the latest response on the the bottom in the AIPrompt
description: An example that showcases how to position the latest response on the bottom in the AIPrompt
type: how-to
page_title: Learn how to position the latest response on the bottom
page_title: Learn how to position the latest response on the bottom in the AIPrompt
slug: ai-prompt-position-latest-response-on-bottom
tags: ai, aiprompt, position, response, bottom
tags: ai, aiprompt, position, response, bottom, chatgpt
res_type: kb
category: knowledge-base
---
Expand All @@ -30,7 +30,7 @@ How can I position the latest response on the bottom of the UI similar to Chat G

## Solution

You can achieve this by using the `push` method to append the new entries to the end of the [outputs](slug:api_conversational-ui_aipromptprops#toc_outputs) array.
You can achieve this by using the [push](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/push) method to append the new entries to the end of the [outputs](slug:api_conversational-ui_aipromptprops#toc_outputs) array.

### Runnable example

Expand Down
5 changes: 3 additions & 2 deletions knowledge-base/window-restrict-movement-inside-viewport.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,11 +26,12 @@ category: knowledge-base

## Description

The Kendo UI for Vue Native Window component can be dragged anywhere on the screen by the end user. How to restrict the end user from dragging it beyond a container viewport
The Kendo UI for Vue Native Window component can be dragged anywhere on the screen by the end user. How to restrict the end user from dragging it beyond a container viewport?

## Solution

To restrict the movement of the Kendo UI for Vue Native Window, define a top and left value range, and update the Window's position only if the new left and top values fall within the specified range during the [onMove]({% slug api_dialogs_windowprops %}#toc-onmove) event.
You can achieve that by using the Window position to determine if it is inside the set boundaries of the desired area and to restrict its movement inside them.
In the [onMove]({% slug api_dialogs_windowprops %}#toc-onmove) event, you can get the left and top CSS positions of the Window component. You can use them to control the left and top positions of the Window, by setting them to state variables at a specific condition, and passing them to the [left]({% slug api_dialogs_windowprops %}#toc-left) and [top]({% slug api_dialogs_windowprops %}#toc-top) properties of the Window component.


### Runnable example
Expand Down

0 comments on commit 8042182

Please sign in to comment.