Products

[jqwidgetsdev]

Ok, that will work and give me the necessary control.

[jqwidgetsdev]

Please add as feature request, meanwhile can you propose a workaround?

Thanks.

[jqwidgetsdev]

Ok clear. I have ~100 template forms created in jqwidgets that are in need of being migrateed to Smart Form.
What are the exact differences between jqwidgets form and Smart Form?
What is the suggested approach for migrating to Smart Form?

Thanks in advance.

[jqwidgetsdev]

Can you please share an example with a window and a splitter?

Thank you.

[jqwidgetsdev]

Hi,

Here goes.

DOM
.smart-window .smart-content-container
height: 100% <===== is the culprit

When I disable height the splitter appears as normal.

Here is my template

<template>
  <div class="vue-root">
    <smart-window ref="window" opened maximized label="">
      <Menu />
      <smart-splitter>
        <smart-splitter-item collapsible size="300">
          <NavigationBar />
        </smart-splitter-item>
        <smart-splitter-item collapsible>
          <TabsMain />
        </smart-splitter-item>
      </smart-splitter>
    </smart-window>
  </div>
</template>

CSS

<style scoped>
.smart-splitter {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 700px) {
  .smart-window {
    width: 90% !important;
    left: 5% !important;
    top: 5px !important;
  }
}
</style>

[jqwidgetsdev]

Thanks Svetoslav – resolved.

[jqwidgetsdev]

Sure, my first impression is Smart UI is great :).

[Author]

Posts