I'm looking at creating my first Directus interface. Has anyone had any success using the vue-datetime picker (https://github.com/mariomka/vue-datetime) as part of a Directus interface? Is there another way to create a Directus date-time picker?
Now days chrome and firefox has their own pickers for the <input type="date">. If you want to do you own just follow the instructions of
This intructions are for creating a interface
https://github.com/directus/directus/blob/main/docs/guides/extensions/interfaces.md
Use the actual date interface from the admin app for inspiration. https://github.com/directus/directus/tree/main/app/src/interfaces/datetime
The process to make a extension is simple
Create the extension with the toolkit.
Add Vue code.
Add your interface to a table
Related
I'm currently building a web app using vue3. and Now I need to use a hijri datepicker but the libraries I found don't work on vue3! I don't use jquery on my app so I don't want a library depending on jquery.
what library would be good for me? also how can I do it manually without a library? and resources teaching this would be so fine.
any help would be appreciated!
I tried to use this lib but it doesn't work with vue 3 only with vue2.
PS: I'm using vuetify on my app if it would help
I will introduce you to 3 sites for implementing the Hijri or Solar calendar, which you can use in Vue js 3 using API composition and API option.
The first link with option API - The second link with API composition API - The third link is also a complete document for Hijri or Shamsi calendar.
I want to change the theme of my entire application based on the theme coming from API.
My current implementation:
I used these steps mentioned in Antd Docs which works perfectly for a static custom theme. ( For any change made in the config the server has to be re-run )
This would not fit my current requirement as the app can't be stopped and re-run.
Antd supports dynamic theming
You can follow the official Antd Docs to implement this.
Here is a simple codesandbox to get started.
However if you choose to not to go with experimental approach there is an another way to implement dynamic theming using a plugin.
Check this simple guide to get started
Note: This project is not maintained actively. Use this with caution.
My question is does pdftron give react native developpers some alternatives to change the whole ui?
As an example, i want to create a bottomTab to control the annotations and other things.
is it possible to do it without touching the java and swift code ?
you can create your own custom UI and use the set tool API in the PDFTron library. This allows the developer to set what tool mode is currently being used. You can also hide existing toolbars by using the available api’s.
Please see https://github.com/PDFTron/pdftron-react-native/blob/master/API.md#settoolmode for more information.
I'm playing around with the idea of a web based IDE for building React applications. Basically the user defines and modifies the class entirely within the browser.
I know I can create a class using React.createClass but how can I delete it or redefine it when the user makes modifications to the class.
I know Webpack HMR does this but how can I do it entirely in the browser?
I'm trying out the mobile pattern, and have been trying to crate my own custom pattern that is now supposedly supported in Worklight 6.1.
When I tried creating jquery UI pattern, several issues:
1. The rich page editor for the pattern.html does not display the jquery component correctly on the design page (e.g button is displayed as link).
2. When I added a new page (into a jquery hybrid app) based on the custom UI pattern, it does not create a new page. It only adds the content code into the index.html, and I had to create the page myself.
Is this the correct behaviour?
I'm also having difficulty in creating Dojo UI pattern… as there is no Dojo component available on the palette when I open up the dojo > pattern.html file.
Do I have to add the libraries and code manually (i.e. no Drag-and-Drop)?
Appreciate any pointers on this.
PS: I'm using Eclipse Juno R2
1) For jQuery based patterns you need to append a jQuery core file to the project besides the jQuery mobile ones, for example, append this one: http://code.jquery.com/jquery-1.10.2.js to your project, next to jquery mobile JS file. This is just because "UI Pattern" projects don't have this file available, but they need it to handle a proper preview.
2) For Dojo patterns, there is still no official support (for example Drag and drop), so even you can modify pattern.html to get some "insertable" code, you may still need some additional tuning to get a valid pattern.