Let's say I have a grid like so <div style="display:grid; grid-template-columns auto auto;"> <div>Row 1 Col 1</div><div>Row 1 Col 2</div> <div>Row 2 Col 1</div><div>Row 2 Col 2</div> </div> Which comes out looking like this: |Row 1 Col 1|Row 1 Col…
Im trying to upload a image from angular onImageCahnge(event: any): void { if (event.target.files.length > 0) { const file = event.target.files[0]; this.herosliderForm.patchValue({ imageSource: file }); } } on submit const formData = new FormData(); formData.append('image', this.herosliderForm.get('image')?.value) this.herosliderService.update(this.herosliderForm.value.id, formData).subscribe({ next: (response:…
I am facing a problem where I need to display dynamic HTML content that includes a dynamic background-color value, as part of a string that contains style tags and an id. Here's an example: this is <mark id="12345" style="background-color: red">my…
I have three components one is the main one and other two are tabs, problem is that matSort is not working, here is my code. have tried few hours searching on several sources but could not make it, any help…
I have been trying to create a datepicker in my booking app but for some reason I can't get ng2-datepicker to work (some error about not being a valid component) I have resorted to a vanilla datepicker but cant get…
I have an AWS S3 bucket to host an angular app. The S3 bucket works fine with AWS CLI. But the build app job in CircleCI fails! NOTE: I can build the app locally and then deploy it to the…
We have a NextJS App which is linking to our Angular App under the same primary domain but a separate document root. I have reviewed many help articles but cant seem to triage our issue. Companydomain.com document root is (NextJS…
Let's say there is a piece of code as follows: <div dir="rtl"> test 50% </div> It renders as test 50%. But according to this wiki page for Arabic language it should be displayed as %50 test. Note the percentage sign…
We have the radio button group and try to make the default selection for Female Radio option. <ng-template #genderTemplate> <div> <div> <label class="ari-label" for="gender">Gender</label> </div> <label class="ari-control ari-control-radio ari-control-inline"> <input formControlName="gender" type="radio" [value]="true" /> Male <div class="ari-control-indicator"></div> </label> <label class="ari-control…
I'd like to style my Stripe.js elements (card number, Cvc, Expiry) with floating labels, to be consistent with my other bootstrap floating labels I'm using ngx-stripe as a wrapper around Stripe.js. I've been able to make them look similar to…