You are viewing a plain text version of this content. The canonical link for it is here.

Posted to dev@fineract.apache.org by Ruphine Kengne <ru...@gmail.com> on 2018/06/04 19:25:08 UTC

Error displaying UI in Fineract-CN-fims-web-app

Hello everyone,


I have an error with my UI displays in fineract-cn-fims-web-app. The input
field display without the placeholder while I included the placeholder in
the source code and the dropdown for the select option does not even
display at all.

In some cases, some input fields don’t even display at all.

Here is the link to the different commits with the errors:

https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/27469cd29ae36e2c4f8f73447a5ccf5fed280e1e


https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/cdc052444462b1b486a1a1374c848ef1468cc77c


Please can someone help me out ?


Thanks.

Ruphine Kengne.

Re: Error displaying UI in Fineract-CN-fims-web-app

Posted by Mark van Veen <ma...@kuelap.io>.

Hi Ruphine,

Referring to the last code you shared, make sure:

- you have closeDate added as a property to your form
- you are passing in the right date format for the date field. HTML5 date
input is using 'YYYY-MM-DD'(
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date)
- you set the validators correct. You need to pass in the validator
function e.g. Validators.required(
https://angular.io/guide/form-validation#built-in-validators)



On Wed, Jun 6, 2018 at 1:55 PM Ruphine Kengne <ru...@gmail.com>
wrote:

> Hi Mark,
>
> Thanks very much for your reply. It was very helpful. I have fixed that
> issue you highlighted.
>
> On my dev tools, I have this new error: https://pastebin.com/GL44fR7R
> <https://pastebin.com/GL44fR7R>
>
> I am very grateful for your help.
>
> Thanks.
>
> On 6 June 2018 at 09:29, Mark van Veen <ma...@kuelap.io> wrote:
>
> > Hi Ruphine,
> >
> > if you open up the dev tools you should see some errors like: ERROR
> > TypeError: this.form.get is not a function.
> >
> > It looks like you are passing in a form instance into the text-input
> > component which does not exists.
> >
> > On Mon, Jun 4, 2018 at 9:25 PM Ruphine Kengne <ru...@gmail.com>
> > wrote:
> >
> > > Hello everyone,
> > >
> > >
> > > I have an error with my UI displays in fineract-cn-fims-web-app. The
> > input
> > > field display without the placeholder while I included the placeholder
> in
> > > the source code and the dropdown for the select option does not even
> > > display at all.
> > >
> > > In some cases, some input fields don’t even display at all.
> > >
> > > Here is the link to the different commits with the errors:
> > >
> > >
> > >
> https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/
> > 27469cd29ae36e2c4f8f73447a5ccf5fed280e1e
> > >
> > >
> > >
> > >
> https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/
> > cdc052444462b1b486a1a1374c848ef1468cc77c
> > >
> > >
> > > Please can someone help me out ?
> > >
> > >
> > > Thanks.
> > >
> > > Ruphine Kengne.
> > >
> >
>

Re: Error displaying UI in Fineract-CN-fims-web-app

Posted by Ruphine Kengne <ru...@gmail.com>.

Hi Mark,

Thanks very much for your reply. It was very helpful. I have fixed that
issue you highlighted.

On my dev tools, I have this new error: https://pastebin.com/GL44fR7R
<https://pastebin.com/GL44fR7R>

I am very grateful for your help.

Thanks.

On 6 June 2018 at 09:29, Mark van Veen <ma...@kuelap.io> wrote:

> Hi Ruphine,
>
> if you open up the dev tools you should see some errors like: ERROR
> TypeError: this.form.get is not a function.
>
> It looks like you are passing in a form instance into the text-input
> component which does not exists.
>
> On Mon, Jun 4, 2018 at 9:25 PM Ruphine Kengne <ru...@gmail.com>
> wrote:
>
> > Hello everyone,
> >
> >
> > I have an error with my UI displays in fineract-cn-fims-web-app. The
> input
> > field display without the placeholder while I included the placeholder in
> > the source code and the dropdown for the select option does not even
> > display at all.
> >
> > In some cases, some input fields don’t even display at all.
> >
> > Here is the link to the different commits with the errors:
> >
> >
> > https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/
> 27469cd29ae36e2c4f8f73447a5ccf5fed280e1e
> >
> >
> >
> > https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/
> cdc052444462b1b486a1a1374c848ef1468cc77c
> >
> >
> > Please can someone help me out ?
> >
> >
> > Thanks.
> >
> > Ruphine Kengne.
> >
>

Re: Error displaying UI in Fineract-CN-fims-web-app

Posted by Mark van Veen <ma...@kuelap.io>.

Hi Ruphine,

if you open up the dev tools you should see some errors like: ERROR
TypeError: this.form.get is not a function.

It looks like you are passing in a form instance into the text-input
component which does not exists.

On Mon, Jun 4, 2018 at 9:25 PM Ruphine Kengne <ru...@gmail.com>
wrote:

> Hello everyone,
>
>
> I have an error with my UI displays in fineract-cn-fims-web-app. The input
> field display without the placeholder while I included the placeholder in
> the source code and the dropdown for the select option does not even
> display at all.
>
> In some cases, some input fields don’t even display at all.
>
> Here is the link to the different commits with the errors:
>
>
> https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/27469cd29ae36e2c4f8f73447a5ccf5fed280e1e
>
>
>
> https://github.com/kengneruphine/group-fineract-cn-fims-web-app/commit/cdc052444462b1b486a1a1374c848ef1468cc77c
>
>
> Please can someone help me out ?
>
>
> Thanks.
>
> Ruphine Kengne.
>