Colorbox - Change the image numbering to sequenced - slideshow

The numbering/monitor of Colorbox for the image slideshow is something like this "1 of 3". I want to make it " 1 | 2 | 3 ". How can I do it?
Thanks

Sorry, I can't think of an easy way to do this. You would have to modify the source of the plugin to provide this functionality.

Related

How to avoid HTML codes with Regular Expression

I'm using google sheet and google webapp crud. for this i'm adding the HTML code into google sheets's cells to give better look into search results output.
The problem I'm facing is, when we do a search. e.g. I cannot filter the Mercedes Benz C Class because I have HTML code class= which is showing all results that contains C class. or Audi A4 etc...
To avoid extra spacing, I'm using this regular expression
var searchWords = searchinput.split(/\s+/);
E.g.I have the Google Sheet cell like this.
"<h6>MERCEDES BENZ C200 PREMIUM 2019</h6></b><p style='font-size:12px;color:#808080'>23003 KM</p> <div><a href='https://autodirect.lk/listings/mercedes-benz-c200-premium/'title='Website' target='_blank'><img src='https://img.icons8.com/plumpy/20/000000/technology-items.png'/></a>
<a href='https://docs.google.com/document/d/1l7sIdRPy2_t5_WavkyxoMpyaOMYi5mCBQCK0eQRk/preview'title='Quotation' target='_blank'><img src='https://img.icons8.com/plumpy/20/000000/paper--v1.png'/></a> <a href='https://drive.google.com/drive/folders/1mdASYRRd_bhngPVa0ZHFgDIFRPBOkr1Z'title='Images' target='_blank'><img src='https://img.icons8.com/plumpy/20/000000/camera.png'/></a></div>"
in the above code, I only want to have the below to be detected and avoid all other objects expect below words
The vehicle name and Year MERCEDES BENZ C200 PREMIUM 2019
Image
Quotation
Website
Is it possible to remove the HTML codes with regular expression?
Your best bet is actually to use a library to do so. You can add a bundled library in a .gs file on Apps Script.
If for some reason you really want to do it yourself, you really need to know the possible outputs. Will it always 100% be the exact same format? If not, regex won't work.

match filename that starts with 900 x 500

I have this media picker from one of the CMS that we use and I want to restrict the image selected by the user. For the banners, the image should start with the name 900 x 500. I'm thinking if its possible regex to do this.
I try this to check if the filename starts with 900 but it doesn't work
/^900/
I think the following regex will do the trick:
^900(x|X)500.+
It will test that the name starts with 900x500, or 900X500, accepting afterwards any other characters. (At least one).
This may not be what you are after but is a solution none the less which may suit your needs.
an alternative to this would be to change the datatype of the field. There are some really good packages you could install which enable you to choose the size(dimensions) of the images a user picks and uploads.
you can view a demo here http://www.youtube.com/watch?v=cVVD60NHMRk
or you can view the package here http://our.umbraco.org/projects/backoffice-extensions/image-cropper
cheers.
KJ

SketchFlow / SketchStyles is empty. ((Assets) Styles > SketchStyles)

I just installed the Expression Blend Studio 4 (Trial) from Microsoft.
I have several tutorials telling me to change the style, that I should go to
(Assets) Styles > SketchStyles
There is nothing under that area except a warning(and link)
This category shows all the styles you have created for the current document or application. Additional styles can be found in the online Expression Gallery.
That link gets me no where fast. It basically goes to the home page of Expression Blend.
If you look at this 90 second video.
http://electricbeach.org/files/sketchflow_overview.wmv
At the 30-36 second mark, he is switching the style from squiggly to something more professional.
I'm trying to demo that same thing, which I believe (keep in mind I'm new to this) I am changing FROM the WigglyStyles style to something else.
With
(Assets) Styles > SketchStyles
being empty, I don't know what I'm missing.
...........
So a 2 part question:
How do I get entries to show up under (Assets) Styles > SketchStyles?
(If different from #1), how do I change the overall style from WigglyStyles to something else (and back to WigglyStyles)?
Thanks!
Is misssing the SketchStyles.xaml.
SketchStyles.xaml – this file contain the resource dictionary with number of styles which SketchFlow project makes use of them internally.
Solution:
Create a new solution, a (sketchflow silverlight solution), copy the SketchStyles.xaml from your created solution drag and drop the to the project that doesn't have this file, and press ctrl+shift+B to build it.
hope it helped.
The message was throwing me off.
The little triangle, pointed "to the right" initially, has to be clicked (and then points down) exposing the sub items.
The message:
This category shows all the styles you have created for the current document or application. Additional styles can be found in the online Expression Gallery.
is what was throwing me off. (And I was thinking the same thing as alimbada, that my install went awry).
Once I expand "Styles" (via the small triangle), everything is there.
Ok!! Did I mention I'm a developer, not a designer?? (haha).
Aka, this was just a big "duh" moment.
Thanks.
I just had a quick play with Sketchflow since I have Blend installed and those styles show up fine. Maybe your install went awry?

Provide step by step multi-option instructions in MediaWiki pages

We have a wiki page in MediaWiki with instructions like this:
complete instruction 1
also in case A do this
complete instruction 2
also in case B do this
complete instruction 3
etc
Is there a way to show just the lines / paragraphs in which we are interested? E.g. someone could show all rows or hide certain rows, preferably at the touch of a button.
I assume it is some combination of tables, ToggleDisplay and templates but I don't know more than that. Any else know?
One possibility is to put each section in a template like this: Template A; Template B; Template C; Template D.
Then have two pages (with links between) where say, page 1 is {{Template A}}{{Template C}} and page 2 is {{Template A}}{{Template B}}{{Template C}}{{Template D}}.
But that's not elegant - any better ideas?
I have not tried it but maybe you could use Collapsible tables and build your instructions as a two column table like the second one shown under Simple Example
Looked a little further how about the NavFrame I know it is deprecated but I think it might be able to handle what you want?

Please advice the folder structure for Handling multiple sites in Django

alt text http://www.freeimagehosting.net/image.php?387990357b.jpg
Please see the folder structure image in the above url mentioned please advice which structure would be best suited for better code managibility. If the above image is not gettign please use this url http://www.freeimagehosting.net/image.php?387990357b.jpg
As far as automated deployment goes, It would appear to me that your second option would be better... that will allow you to "pick up" either site 1 or site 2 all at once and drop it anywhere you want.
I use virtualenv to manage multiple sites, which is basically an extension of the second option: each with their own code base and settings file and modules.
this looks good: http://www.mail-archive.com/django-users#googlegroups.com/msg75840.html