HTML basic simple page sample code

HTML basic simple page sample code

<!DOCTYPE html>
<html>
<header>
<meta charset="UTF-8">
<title>inCOREporation.com</title>
<meta name="description" content="inCOREporation.com">
<meta name="Generator" content="Notepad">
<meta name="author" content="inCOREporation Connection">
<meta name="copyright" content="Copyright 2020, inCOREporation.com">
<meta name="distribution" content="global">
<meta name="revisit-after" content="1 days">
<meta name="robots" content="index, follow">
<style>
h1 {color:black;font-family: arial;}
p {color:black;font-family: arial;}
body {color:white;}
div.address {font-size: small;}
</style>
</header>
<body>
<br />
<br />
<table width="100%" height="100%" align="center" valign="top">
<td align="center">
<tr align="center"><center>
<a href="https://www.inCOREporation.com" target=_blank><h1>inCOREporation.com</h1></a>

<p>Under construction</p>
<img src="">

<div class="address"><p>© inCOREporation.com 2020.</p></div>
</center>
</tr>
</td>
</table>
</body>
</html>

www.inCOREporation.com
WWebServices.ca

Mobile app Forms

Mobile app Forms


https://docs.usecreator.com/docs/forms

Forms

SUGGEST EDITS

Forms are a type of List that contains various different input related components that can interact with your data. The Form Component will drag over a form with some default components, but you can feel free to drag over any of our related components to start a new form.

Form Components

There are a variety of components that you can use to build your form, check out the documentation for each one:

• Input
• Checkbox
• Radio
• Range
• Search
• Select (Dropdown)
• Textarea
• Toggle

Working with Form Data & $scope

When you're working with forms, you're going to have to do something with the data behind the form. Click here to learn how to use $scope to attach JavaScript variables directly to your form elements.


Working with Form Data

When you're working with form components, chances are you're going to need to get that data into your pages controller and start working with it somehow.

Sometimes you'll need to get that data to a server using an API, or other times you'd just like to perhaps do a calculation.

No matter what you need to do, you'll be binding data between your form and JavaScript controller a lot. This quick video tutorial will show you how to do that 🚀

12:14

6:09

IT Consultant inCOREporation.com

Mobile app Beautiful Side Menus

Mobile app Beautiful Side Menus

for creator.ionic.io

Beautiful Side Menus

SUGGEST EDITS

In this Weekly Workshop, we dive in and create an awesome looking Side Menu with a little custom Styling & SCSS love. ❤️

You'll be able to take the styling concepts you learn in this video, and apply them throughout all of your Creator projects!

11:11

1:16

Here's the final code from the end of the video:

• theme.scss
 
• directives.js

$SIDEMENU_TOP: #ff4b1f;
$SIDEMENU_BOTTOM: #ff9068;
$SIDEMENU_TRANSPARENCY: rgba(255,255,255,0.4);

.side-menu-item{
    background:none;
    color:white;
    font-weight:300;
    border:0px;
    .item-content{
        background:none;
        &.activated{
            background: $SIDEMENU_TRANSPARENCY;
        }
    }
    &.active-page-highlight{
        .item-content{
            background: $SIDEMENU_TRANSPARENCY;
        }
    }
}

.side-menu-gradient{
    background: -webkit-linear-gradient(left top, $SIDEMENU_TOP, $SIDEMENU_BOTTOM);
    background: -o-linear-gradient(bottom right, $SIDEMENU_TOP, $SIDEMENU_BOTTOM);
    background: -moz-linear-gradient(bottom right, $SIDEMENU_TOP, $SIDEMENU_BOTTOM);
    background: linear-gradient(to bottom right, $SIDEMENU_TOP, $SIDEMENU_BOTTOM);
}

.profile-image{
    img{
        border-radius:50%;
        margin:10px;
        border: 4px solid $SIDEMENU_TRANSPARENCY;
        -webkit-box-shadow: 0px 0px 142px -37px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 142px -37px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 142px -37px rgba(0,0,0,0.75);
    }
}

• theme.scss
 
• directives.js

angular.module('app.directives', [])

.directive('activePageHighlight', ['$rootScope', '$state', function($rootScope, $state){

   return function ($scope, $element, $attr) {
       
     function checkUISref(){
       if ($state.is($attr['uiSref'])){
             $element.addClass('active-page-highlight');
         } else {
             $element.removeClass('active-page-highlight');
         }
     }
     
     checkUISref();
       
     $rootScope.$on('$stateChangeSuccess', function(){
         checkUISref();
     })
   };

}]);

IT Consultant inCOREporation.com