Products

[svetoslav_borislavov]

Hi,

The only way to do so is to manually change the properties from your templates to the corresponding ones of the Smart.Form.
Note that there can be major changes in the properties as SmartUI and jQWidgets are different products

You can send us a demo template and we will show you the converted version

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Here is a very simple demo of Smart.Splitter in a Smart.Window:
https://codepen.io/svetoslavb04/pen/OJwmPdZ

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Thank you for the feedback!

If you face any further difficulties, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can choose whatever approach fits you.

For example: If you fetch the template
If you fetch the controls from somewhere you may choose the Smart.Form constructor.
If not you can use the smart tags.

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

This is a solution which replaces your placeholder with a br tag:
https://codepen.io/svetoslavb04/pen/NWBdJrp

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can set an event listener that catches the ‘mouseenter’ event of the ‘smart-accordion-item’.
In the handler get the index of the item and invoke the ‘expand’ method of the ‘smart-accordion’.

Here is an example: https://codepen.io/svetoslavb04/pen/mdjRoKr

I hope this helps you!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

The positioning of the element is done with CSS, what do you mean by halfway down the screen?
The example demonstrates the events of the splitter.

Please, explain further your problem

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

You can use the toobarItemClick event.
The event contains a detail property.
This ‘detail’ property stores information about the toolbar item that was clicked in .value property:

ev: CustomEvent
ev.detail: Object
ev.detail.originalEvent – The original click event
ev.detail.value – the name of the toolbar item that was clicked

If you have any other questions, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Have you used the Vite tooling, if so you can modify the Vite config

vite.config.js:

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue({
template: {
compilerOptions: {
isCustomElement: tag => tag.startsWith('smart-')
}
}
})],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})

I hope this helps you resolve the problem

 

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

• This reply was modified 1 year, 10 months ago by svetoslav_borislavov.
• This reply was modified 1 year, 10 months ago by svetoslav_borislavov.

[svetoslav_borislavov]

Hi,

As far as I understood, you are trying to have an element for example paragraph.
There is another element with a class that acts as a placeholder and when needed you replace this element with a ‘br’ tag.

Here is a demo of doing what I explained: https://codepen.io/svetoslavb04/pen/NWBdJrp

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

How are you planning to replace the content when you are using runtime-generated ids?

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

We do not support the inline task editing feature

Here are listed all the CSS properties that you can change in order to customize your Gantt:
https://www.htmlelements.com/docs/gantt-css/

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

We do not support this type of functionality.
I will open a feature request for this

If you have questions about anything else, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Your selector must match the gantt element and in it, you should change the style.
For example:

#gantt {
–smart-gantt-chart-timeline-cell-size: 200px
}

Here is a demo of doing the desired zoom: https://codepen.io/svetoslavb04/pen/oNMXvep

I hope this helps! If not, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[svetoslav_borislavov]

Hi,

Another problem may be the height: fit-content

It should be a number or percentage

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts