SCIF Portal Layout

Developer
Ty Cahill
Size
6,157 Kb
Views
24,288
  1. SCIF Portal Layout Previews
  2. SCIF Portal Layout HTML Codes
  3. SCIF Portal Layout CSS Codes
  4. SCIF Portal Layout JS Codes

How do I make an scif portal layout?

Base layout of SCIF web pages.. What is a scif portal layout? How do you make a scif portal layout? This script and codes were developed by Ty Cahill on 25 July 2022, Monday.

SCIF Portal Layout Previews
IQ Test

SCIF Portal Layout - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>SCIF Portal Layout</title>
<link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/Portal.css?v=2.9' rel="stylesheet"/>
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/bootstrap.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/font-awesome.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/jquery-ui-1.10.3/base/jquery-ui.css?v=2.9" rel="stylesheet">
<link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/IE-fix.css?v=2.9' rel="stylesheet"/>
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/jason_site.css?v=2.9" rel="stylesheet">
<link href="http://stgsfcaqa.statefundca.com/UACommonAssets/Content/site.css?v=2.9" rel="stylesheet"> <link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/searchify.css' rel="stylesheet" /> <link href='http://stgsfcaqa.statefundca.com/UaContent/Portal.css?v=2.9' rel="stylesheet" />
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/modernizr-2.5.3.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery-1.10.2.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery-ui-1.10.3.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.maskedinput.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.validate.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery-migrate-1.2.1.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/bootstrap-3.0.0.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/knockout-2.3.0.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/handlebars-v1.1.2.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.bxslider.min.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.maskedinput.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/common.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/enum.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/quickquote.autocomplete.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/prism.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/chosen.jquery.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/quickquoteview.js"></script>
<script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/dashboard.js"></script> <script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/app/plugins/searchify/searchifier.js"></script> <script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.cookie.js"></script> <script src="http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/app/plugins/telemetry/telemetry.js"></script> <script src='http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/jquery.trellis.js?v=2.9'></script>	<script src="http://stgsfcaqa.statefundca.com/Scripts/common.js?v=2.9"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="https://s3.amazonaws.com/static.tythewebguy.com/js/ng-grid.min.js"></script>
<link rel="stylesheet" href="https://s3.amazonaws.com/static.tythewebguy.com/js/ng-grid.min.css">
<!--[if lt IE 9]>	<script src='http://stgsfcaqa.statefundca.com/UACommonAssets/Scripts/html5shiv.js?v=2.9'></script> <![endif]-->
<!--[if IE 8]> <link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/bootstrapie8.css?v=2.9' rel="stylesheet"/> <![endif]-->
<!--[if IE 7]> <link rel="stylesheet" href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/font-awesome-ie7.css?v=2.9'> <link href='http://stgsfcaqa.statefundca.com/UACommonAssets/Content/bootstrap-3.0.0/bootstrapie7.css?v=2.9' rel="stylesheet"/> <![endif]--> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="container menu-tablet"> <div class="navbar-header"> <button type="button" class="btn btn-primary btn-sm navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span>MENU</span> </button> <button type="button" id="btnLogin" class="btn btn-default btn-sm navbar-toggle login">LOG IN</button> <a class="navbar-brand" href='http://stgsfcadevtrng.statefundca.com/'> <img src='http://stgsfcadevtrng.statefundca.com/UACommonAssets/Content/Images/header_logo4.png' alt="State Fund logo" class="scifmainlogo hidden-xs"> <img src='http://stgsfcadevtrng.statefundca.com/UACommonAssets/Content/Images/header_logo_mobile.png' alt="State Fund logo" class="scifmainlogo visible-xs"> </a> </div> <div class="navbar-collapse collapse topmenu"> <ul class="nav navbar-nav" id="ul-topmenu"> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//about/About.asp'>About</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//policy/ObtainAPolicy.asp'>Obtain a Policy</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//claims/ClaimsSvcs.asp'>Claims Services</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//safety/SafetyAndSeminars.asp'>Safety & Seminars</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com//forms/Forms.asp'>Forms</a> </li> <li> <a href='http://stgsfcadevtrng.statefundca.com//Home/StaticIndex?id=http://stgcontentqa.statefundca.com//careers/Index.asp'>Careers</a> </li> </ul> <ul class="nav navbar-nav menu-phone"> <li class="visible-xs"> <a href='https://stgportalqa.scif.com/Ua/Signup'>Sign Up</a> </li> <li class="visible-xs"> <a href='http://stgsfcadevtrng.statefundca.com/Home/Search' id='A1'>Search</a> </li> </ul> <!--add dropdown menu--> <ul class="nav navbar-nav navbar-right"> <li> <button type="button" id="btnSearch" class="btn btn-default hidden-xs hidden-sm" style="margin-right: 8px !important;"> <i class="icon-search"></i> </button> </li> <li> <button type="button" id="btnLogin" class="btn btn-default btn-primary hidden-sm hidden-xs">LOG IN</button> </li> <li> <button type="button" id="btnSignup" class="btn btn-default hidden-sm hidden-xs">SIGN UP</button> </li> <li class="dropdown visible-sm"> <!-- non-authenticated user dropdown menu - tablet portrait view --> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Menu <span class="caret"></span> <span class="sr-only">Menu Dropdown</span> </button> <ul class="dropdown-menu"> <li><a href='https://stgportalqa.scif.com/Ua/Login' class="hidden-xs">Log in</a> </li> <li><a href='https://stgportalqa.scif.com/Ua/Signup' class="hidden-xs">Sign up</a> </li> <li class="divider"></li> <li><a href='http://stgsfcadevtrng.statefundca.com/Home/Search' class="hidden-xs">Search</a> </li> </ul> <!--end--> <!-- authenticated user dropdown menu - smartphone view --> <!--end--> </li> </ul> <script type="text/javascript"> $(document).on("click", "#btnLogin", function(event) { document.location = 'https://stgportalqa.scif.com/'; }); $(document).on("click", "#btnSignup", function(event) { document.location = 'https://stgportalqa.scif.com/Ua/Signup'; }); $(document).on("click", "#btnSearch", function(event) { document.location = 'http://stgsfcadevtrng.statefundca.com/Home/Search'; }); </script> </div> </div> <!--/.nav-collapse -->
</div>
<div class="x-mask" id="dvLoading-body" style="display: none; height: 1093px;"></div>
<div class="x-mask-msg x-layer x-mask-msg-default" id="dvLoading" style="display: none; top: 830.5px;"> <div id="dvLoading-msgEl" class="x-mask-loading x-mask-msg-inner" style=""> <div id="dvLoading-msgTextEl" class="x-mask-msg-text">Loading...</div> </div>
</div>
<div id="wrap"> <div class="container"> <script type="text/javascript"> var localURl = 'http://stgsfcadevtrng.statefundca.com/', PortalURl = 'https://stgportalqa.scif.com/', stateFundWebsiteURL = 'http://stgcontentqa.statefundca.com/', signupurl = 'https://stgportalqa.scif.com/Ua/Signup', userIsAuthenticated = ''; </script> <script src='/UACommonAssets/Scripts/Portal.Js/staticcontent.js?v=2.9'></script>
<!-- Below is the main content area...above is template code -->
<div id="body" ng-app="scif">	<div class="container"> <div id="portalWidgetWrapper">
<script src="/Scripts/dashboard.js"></script> <div id="LeftPanel" class="widgets col-xs-12 col-md-9 first-db-section ui-sortable"> <div class="col-xs-12 widgetContainer col-md-12 col-sm-12 col-lg-12" id="item-quotesummary-container"> <!-- CONTAINERS OF WIDGETS --> <widget title="New Quote Summary" fixed-height="true"> <div ng-controller="gridCtrl"> <div ng-grid="gridOptions"></div> </div> </widget> <widget title="Ty's Totally Wonderful Widget Directive"> <p>Content goes here.</p> <p>Content goes here.</p> <p>Content goes here.</p> <p>Content goes here.</p> <p>Content goes here.</p> <p>Content goes here.</p> <p>Content goes here.</p> <p>Content goes here.</p> </widget>
</div></div> <div id="RightPanel" class="widgets-right col-xs-12 col-md-3 ui-sortable"> <!-- CONTAINERS OF WIDGETS --> <widget title="Customer Support"> <a href="#">Customer Support</a><br> Call us: (888-782-8338) </widget> <widget title="Bulletin Board"> <p>All the bulletin board stuff goes here.</p> </widget> <widget title="Safety Videos"> <p>This is the place for Safety Videos.</p> </widget> </div>	</div>	</div>
<!-- Template: Directive for filter box -->
<script type="text/ng-template" id="/app/partials/widget-box.html"> <div ng-class="{'fixed-height': fixedHeight=='true'}" class="ty-widget-container"> <h2 class="ty-widget-headline">{{title}}</h2> <div ng-transclude class="ty-content-area"> Lots of stuff goes in here </div> </div>
</script>
<!-- Above is the main content area...below is template code --> <div id="content" style="display: none"></div> <div id="forms" style="display: none"> <div id="Feedback-Form"></div> <div id="CPRARequestForm-Form"></div> <div id="ContactHR-Form"></div> <div id="RequestSafetyMaterials-Form"></div> </div> </div> <div class="hidden"> <form action="/Home/Search" id="searchForm" method="post"> <input id="searchText" name="searchText" type="text" value="" /> </form> </div>
</div>
<!-- fixed the footer for responssiveness and use bs 3.0 (VM) Updated wrapping issue for social media icons (JW) -->
<div id="footer" style="position:relative;"> <div class="container"> <div class="row footer-main"> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/broker/Index.asp'>Brokers</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/employers/Index.asp'>Employers</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/employees/Index.asp'>Employees</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/iSupplier/iSupplierHome.asp'> iSupplier Portal</a> </p> </div> </div> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/provider/Index.asp'>Medical Providers</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/statecontracts/Index.asp'>State Agencies</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/policy/ObtainAPolicy.asp'>Obtain a Policy</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/VendorGuide.asp'>Vendor Guide</a> </p> </div> </div> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/claims/ClaimsSvcs.asp'>Claims Services</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/safety/SafetyAndSeminars.asp'>Safety &amp; Seminars</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/forms/Forms.asp'>Forms</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/Community.asp'>Community </a> </p> </div> </div> <div class="col-lg-3 col-sm-3"> <div> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/fraud/Fraud.asp'>Fraud</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/About.asp'>About Us</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/locations/Index.asp'>Locations</a> </p> <p><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/history/Index.html'>History</a> </p> </div> </div> </div> <div class="row copyright" style="width:100%;"> <div class="col-lg-5 col-md-5 col-sm-5 col-xs-5" style="padding-left: 0px;"> <span>Copyright &copy; 2000-2014 State Compensation Insurance Fund &nbsp;</span> <br /> <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/TermsOfUse.asp'>Website Terms of Use</a>, <a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/about/PrivacyPolicy.asp'>Website Privacy Policy</a> and <a href='http://stgcontentqa.statefundca.com/pdf/e26000.pdf'>Information Sharing Disclosure</a> </div> <div class="col-lg-5-footer col-md-5 col-sm-5 col-xs-5 contact"> <span><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/contact/ContactUs.asp'> CONTACT US</a>&nbsp; | &nbsp;</span><span><a href='http://stgsfcadevtrng.statefundca.com/Home/StaticIndex?id=http://stgcontentqa.statefundca.com/CustomerSupport/Index.asp'> Customer Support </a> : (888-782-8338)</span> </div> <div class="col-lg-2-footer col-md-2 col-sm-2 col-xs-2 socialIcons" style="margin:auto; align-content:center;"> <!-- <a href='http://stgcontentqa.statefundca.com/RSS/news.rss.xml' target="_blank">--> <a href='http://stgsfcadevtrng.statefundca.com/RSS/news.rss.xml' target="_blank"> <i class="icon-rss"></i></a> <a href="http://www.linkedin.com/company/166136?trk=NUS_CMPY_TWIT" target="_blank"> <i class="icon-linkedin-sign"></i></a> <a href="https://www.youtube.com/user/StateFundSafetyvideo" target="_blank"> <i class="icon-youtube-sign"></i></a> </div> </div> </div> <!--end row-->
</div> <script src="js/index.js"></script>
</body>
</html>

SCIF Portal Layout - Script Codes CSS Codes

/* This is the DIV holding content, which must scroll if there is too much to display. */
.ty-widget-container.fixed-height .ty-content-area { height:263px;
}
/* This is the DIV holding content, which must scroll if there is too much to display. */
.ty-content-area { height:136px; overflow:hidden; overflow-y:auto;
}
.ty-widget-container { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 1em; background-color: #fcfcfc; background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3)); background: -webkit-linear-gradient(#ffffff, #f3f3f3); background: -moz-linear-gradient(#ffffff, #f3f3f3); background: -o-linear-gradient(#ffffff, #f3f3f3); background: linear-gradient(#ffffff, #f3f3f3); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); margin-bottom:15px; border-radius:4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; width:100%;
}
h2.ty-widget-headline { margin:0; padding:0 5px; font-size: 15px; color: white; letter-spacing: 1px; font-family:'Segoe UI', Tahoma, Arial, Verdana; line-height: 27px; height:27px; background: -webkit-linear-gradient(top, #2ea4d9, #3fb4e9); background: -moz-linear-gradient(top, #2ea4d9, #3fb4e9); font-weight:normal; border-radius:4px 4px 0 0; text-transform:none;
}
.ty-content-area { padding:5px;
}

SCIF Portal Layout - Script Codes JS Codes

var gridData = [{"name":"Ty", "location":"Here"}, {"name":"Ty2", "location":"Here2"}, {"name":"Ty3", "location":"Here3"}, {"name":"Ty4", "location":"Here4"} ];
var menu = [ "About", "Obtain a Policy", "Claims Services", "Safety &amp; Seminars", "Forms", "Jobs" ];
var html = "";
$('body').addClass('portalBody');
for(var x = 0; x < menu.length; x++){ html += '<li><a href="#">' + menu[x] + '</a></li>';
}
$('#ul-topmenu').html(html);
var notificaionRootUrl = 'https://stgportalqa.scif.com/' + "Home", notificaionAllUrl = 'https://stgportalqa.scif.com/Home/Notifications', isPortal = true, XDomainRequest = false;
var module = angular.module('scif', ['ngGrid', 'scifDirective']) .controller('gridCtrl', function gridCtrl($scope){ $scope.data = gridData; $scope.gridOptions = { data: 'data'};
})
;
angular.module('scifDirective', []) .directive('widget', function () { /* A = attribute E = element C = class M = comment Can be combined... EA They get compiled, then linked. */ return { //scope: {}, restrict: 'E', transclude: true, //replace:true, scope: { title: '@title', fixedHeight: '@fixedHeight' }, //controller: function... //template: 'code here', templateUrl: '/app/partials/widget-box.html' } });
SCIF Portal Layout - Script Codes
SCIF Portal Layout - Script Codes
Home Page Home
Developer Ty Cahill
Username tycahill
Uploaded July 25, 2022
Rating 3
Size 6,157 Kb
Views 24,288
Do you need developer help for SCIF Portal Layout?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Ty Cahill (tycahill) Script Codes
Name
Modal layers on fixed header
SCIF Template - Page Top
SCIF Layout
SCIF Template - Page Bottom
A Pen by Ty Cahill
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!