Jump to content

New Assignment


gbligh

Recommended Posts

What like this....

 

<style>
   .app-sites .link-widget.staff-new-assignment { background-color:#c4eab1; }
   .app-sites .link-widget.staff-new-assignment:hover { background-color:#b4dca0; }
</style>
<div class="widget-content link-widget widget_applink staff-new-assignment" data-action="launch_quick_assign">
    <div class="content-wrapper">
        <div class="column link-info">
            <h2 class="widget-title alone os-ellipsis">Create New Assignment</h2>
            <p class="description"></p>
        </div>
    </div>
    <div class="column widget-icon-wrapper">
        <div class="widget-icon ui-app-icon ui-app-icon-assignments"></div>
    </div>
</div>

<script type="text/javascript"> var $target = jQuery('[data-action=launch_quick_assign]:first'); $target.on('click', function(el, ev) { ev.stopPropagation(); el.frogui_modules_quickassign(); }.bind($target.get(0), $target)); </script>

  • Like 2
Link to comment
Share on other sites

  • 6 months later...
On 01/09/2017 at 20:47, paulmitchell1989 said:

Since Da Vinci has come along the image has disappeared, any idea what I need to change for it to show an icon again? Looks a bit odd without a picture! 

 <div class="widget-icon ui-app-icon ui-app-icon-assignments"></div>

@Graham Quince Pauls got a point...  where has the icon gone???

Link to comment
Share on other sites

So it becomes....

<style>
    .app-sites .link-widget.staff-new-assignment { background-color:#c4eab1; }
    .app-sites .link-widget.staff-new-assignment:hover { background-color:#b4dca0; }
 </style>
 <div class="widget-content link-widget widget_applink staff-new-assignment" data-action="launch_quick_assign">
     <div class="content-wrapper">
         <div class="column link-info">
             <h2 class="widget-title alone os-ellipsis">Create New Assignment</h2>
             <p class="description"></p>
         </div>
     </div>
     <div class="column widget-icon-wrapper">
         <div class="widget-icon ui-app-icon ui-app-icon-markbook"></div>
     </div>
 </div>

<script type="text/javascript"> var $target = jQuery('[data-action=launch_quick_assign]:first'); $target.on('click', function(el, ev) { ev.stopPropagation(); el.frogui_modules_quickassign(); }.bind($target.get(0), $target)); </script>

 

@Graham Quince

 

Link to comment
Share on other sites

6 hours ago, ADT said:

So it becomes....

<style>
    .app-sites .link-widget.staff-new-assignment { background-color:#c4eab1; }
    .app-sites .link-widget.staff-new-assignment:hover { background-color:#b4dca0; }
 </style>
 <div class="widget-content link-widget widget_applink staff-new-assignment" data-action="launch_quick_assign">
     <div class="content-wrapper">
         <div class="column link-info">
             <h2 class="widget-title alone os-ellipsis">Create New Assignment</h2>
             <p class="description"></p>
         </div>
     </div>
     <div class="column widget-icon-wrapper">
         <div class="widget-icon ui-app-icon ui-app-icon-markbook"></div>
     </div>
 </div>

<script type="text/javascript"> var $target = jQuery('[data-action=launch_quick_assign]:first'); $target.on('click', function(el, ev) { ev.stopPropagation(); el.frogui_modules_quickassign(); }.bind($target.get(0), $target)); </script>

 

@Graham Quince

 

Because that doesn't work?

  • Like 1
Link to comment
Share on other sites

How odd.  Looks like the new icons are being served in a different way.

assignments.png

You'll have to upload this somewhere then alter the code to point to it, probably:

<style>
    .app-sites .link-widget.staff-new-assignment { background-color:#c4eab1; }
    .app-sites .link-widget.staff-new-assignment:hover { background-color:#b4dca0; }
 </style>
 <div class="widget-content link-widget widget_applink staff-new-assignment" data-action="launch_quick_assign">
     <div class="content-wrapper">
         <div class="column link-info">
             <h2 class="widget-title alone os-ellipsis">Create New Assignment</h2>
             <p class="description"></p>
         </div>
     </div>
     <div class="column widget-icon-wrapper">
         <div style="width:52px; height:52px; background:url('file/asset/E3247B3B20030513F1D16F11C26BD504D4414AAC8A440A22.png')" ></div>
     </div>
 </div>

<script type="text/javascript"> var $target = jQuery('[data-action=launch_quick_assign]:first'); $target.on('click', function(el, ev) { ev.stopPropagation(); el.frogui_modules_quickassign(); }.bind($target.get(0), $target)); </script>

Edited to add:

How about someone build this into a widget?

 

Link to comment
Share on other sites

24 minutes ago, Graham Quince said:

How odd.  Looks like the new icons are being served in a different way.

assignments.png

You'll have to upload this somewhere then alter the code to point to it, probably:


<style>
    .app-sites .link-widget.staff-new-assignment { background-color:#c4eab1; }
    .app-sites .link-widget.staff-new-assignment:hover { background-color:#b4dca0; }
 </style>
 <div class="widget-content link-widget widget_applink staff-new-assignment" data-action="launch_quick_assign">
     <div class="content-wrapper">
         <div class="column link-info">
             <h2 class="widget-title alone os-ellipsis">Create New Assignment</h2>
             <p class="description"></p>
         </div>
     </div>
     <div class="column widget-icon-wrapper">
         <div style="background:url('file/asset/E3247B3B20030513F1D16F11C26BD504D4414AAC8A440A22.png')" ></div>
     </div>
 </div>

<script type="text/javascript"> var $target = jQuery('[data-action=launch_quick_assign]:first'); $target.on('click', function(el, ev) { ev.stopPropagation(); el.frogui_modules_quickassign(); }.bind($target.get(0), $target)); </script>

 

Still can't get it to work :( uploaded the file underneath the button on a test page, changed the asset url and still doesn't appear

Capture.JPG

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...