Jump to content
gbligh

New Assignment

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



×
×
  • Create New...