1. Home
  2. Forum
  3. JavaScript - EJ 2
  4. Toolbar Position

Toolbar Position

Hi ,

Is there a way of positioning the toolbar at the bottom rather the top . Would like to use this style for mobile / tablets .

Regards,

Salvatore Cannone


1 Reply
GD Gokulraj Devarajan Syncfusion Team July 21, 2023 12:43 PM UTC

Hi Salvatore,

We have validated your query on "Positioning the toolbar at the bottom". We have been able to solve this challenge by using the CSS styles given below. We have set the bottom value of the toolbar to 0px and the top value of the toolbar to unset. Please find the attached code snippet, a sample for your reference.


Code snippet:

.e-rte-toolbar.e-control.e-toolbar {

  position: absolute !important;

  bottom: 0px;

  border-top: inherit;

  border-bottom: inset;

  top: unset !important;

}

.e-toolbar-wrapper {

  height: 0px !important;

}


Sample: https://stackblitz.com/edit/zxr3me?file=index.html,index.ts

Output:


Regads

Gokulraj Devarajan


Loader.
Up arrow icon