Search Posts

Category: html5

Hide Floating panel in print window

I’m developing a floating panel that has to be hidden completely on the print screen. I use JSPanel3. HTML <div style=”position: absolute; top: 30px; left: 20px” id=”indxPopup”> <div class=”noPrint” id=”hcontent” style=”padding-right: 10px; padding-top: 10px”> <one-gedfile-form layout=”gedfile.TEMATICA.LAYOUT” mode=”mode” gedfile-form-control=”formControl” show-form-border=”false”></one-gedfile-form> </div> <div floating-panel ctrl=”closePanelForm” id=”jsPanel” minimize=”remove” close=”remove” maximize=”remove” parent-tag=”indxPopup” html-tag=”hcontent”></div> </div> Directive oneApp.directive(‘floatingPanel’, function () { return { restrict: ‘A’, scope: { id:’@’, parentTag: ‘@’, title: ‘@’, content: ‘@’, close: ‘@’, maximize: ‘@’, htmlTag:’@’, minimize: ‘@’, […]

Html5 date field not able to set back to date field coming from backend

i have html Date field. i have a create page where i am inserting date to MySQL db i have a edit page where i am fetching the date and set back to input field. <input id=”dob” name=”dob” type=”date” placeholder=”Enter date of birth” class=”form-control” ng-model=”user.dob”/> JS function loadUserById() { ApiService.getById($scope.id).then(function(response) { $scope.user = response.data[0]; $scope.user.password1 = response.data[0].password; if($scope.user.dob) { var date = new Date($scope.user.dob); $scope.user.dob = moment(date).format(“MM/DD/YYYY”); } }, function(error) { console.log(error); }); } Problem […]

Overlaps the md-date-selector icon with it’s placeholder text

I am using normal html table here inside the table i used md-date-selector one of the table data, here problem is date picker icon and placeholder value is overlaps. The issue is . I used line breaks but while click on that filed the placeholder display with dots item. I need to display full placeholder value when i click the date picker field it could be doted when display normal.I have tried style property also […]

change layers on the button click

I am new to angularjs and web development. Here, I am trying to implement the layer thing. So, I have a button on that I want user to remain on the same page but the text data should be changed .See, I have text-angualr which I user for showing some data to user. Now, <div text-angular id=”htmlEditorId” ng-class=”(totalOrphans == 0 ? ‘add-heightTo-textEditor’ : ‘html-editor-container’) + ‘ ‘ + ((documentType === ‘jobDescription’) ? ‘add_jd_height’ : ‘html-editor-container’)” […]

conditional ng-required not working for textarea in angularjs

ng-required not working with condition. Error message not display if ng-required condition is true. please give me solution <form name=”selfApprForm” novalidate ng-submit=”SubmitAppraisal()”> <div class=”form-group”> <textarea type=”text” class=”form-control” name=”comments” placeholder=”Comment…” style=” height: 80px;” ng- model=”appList.Comments” ng-required=”(appList.Rating>3) ? true : false”> </textarea> <!– validation –> <div ng-class=”{‘has-error’ : (selfApprForm.comments.$dirty || selfApprForm.comments.$touched) && selfApprForm.comments.$invalid}”> <div class=”errorMsg”> <div ng-show=”(selfApprForm.comments.$dirty || selfApprForm.comments.$touched) “> <div ng-show=”selfApprForm.comments.$error.required”> If Rating is 4 to 5, employee or reviewer needs to justify with clomments. </div> […]

text-wrap is not working

I am new to AngularJS and Web Development. I have a following code: .jdContext { background-color: #ffffff; color: #428bca; font-weight: bold } .jdContextInManageResume { display: block; width: 539px; word-wrap: break-word; } <div class=”col-md-4″> <span ng-if=”jdSelected” class=”jdContext jdContextInManageResume” ng-show=”isjdDeleted”> <span>Company : {{companyName}}</span> <br> <span>JobDescription : abcd abcd abcd abdc adcdjcd cjdndjcdc cdncdcndjcdc </span> </span> </div> <div class=”col-md-8″> </div> I tried using the wrap but its not getting wrapped. Can any one please help me with this? […]

change particular area of an image and fill color in that area

Edit Png Image For E.g change particular area and fill color in that area. I want to change the color of an image only selected area. Like the first user selects a color then he chooses an image after that he can change the particular area of image color with the selected color. After that he can save that image too Is it possible?? like Color company website uses this kind of thing. like below […]

How to use auth0 with angularjs with JWT token

I am new to auth0 Here, I am getting an JWT-Token in the login request . So, Lets say, “12344566” thie is the JWT-Token. now , I have now stored this in the localstorage . jwtOptionsProvider.config({ tokenGetter: function() { return localStorage.getItem(“AuthToken”); }, }); $httpProvider.interceptors.push(‘jwtInterceptor’); I am using jwtInterceptor for sendig this token in every request . Now, below is my request -> addToOntology: function (ontologyName, currentNode, orphan, type) { var config = {}; config.headers = […]

Next Page »