Jump to content

New Assignment

gbligh

By gbligh
in Coding

 Share

Recommended Posts

ADT Mentor

ADT

Posted
Posted

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
  • 6 months later...
paulmitchell1989 Contributor

paulmitchell1989

Posted
Posted

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>

ADT Mentor

ADT

Posted
Posted
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???

Graham Quince Grand Frogger

Graham Quince

Posted
Posted

Do you mean this one?

assignment icon.JPG

It's probably been removed from the images on the box in the update.  The process the devs uses identify changes in code and files - i'm guessing it was automatically filtered.

paulmitchell1989 Contributor

paulmitchell1989

Posted
Posted
27 minutes ago, Graham Quince said:

Do you mean this one?

assignment icon.JPG

It's probably been removed from the images on the box in the update.  The process the devs uses identify changes in code and files - i'm guessing it was automatically filtered.

 

Used to look like this...

017A0D54200303D276AEAF3B2022280D3226B45CF6C79977.png?width=1920&height=10000&scale_mode=fill

Now my staff dashboard looks like this...

image.png.4bd15080c56c2129020d8b48bb3c432f.png

ADT Mentor

ADT

Posted
Posted (edited)

@Graham Quince what about just using the Assignments Icon... what needs to be added/changed to do that??

The one with no tick or magnifying glass!! ;)

Edited by ADT
ADT Mentor

ADT

Posted
Posted

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

 

ADT Mentor

ADT

Posted
Posted
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
Graham Quince Grand Frogger

Graham Quince

Posted
Posted

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?

 

paulmitchell1989 Contributor

paulmitchell1989

Posted
Posted
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

ADT Mentor

ADT

Posted
Posted (edited)
36 minutes ago, Graham Quince said:

check out my edited code

Ish....  this is the old graphic....  where's the new one???

Untitled-1.fw.png

Edited by ADT

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
 Share
Go to topic listing
×
×
  • Create New...