Customize Google Call widget size or graphic - customization

Is there a way to customize the size of this widget? My client wants it in the header but it's too big.
(source: google.com)
This is the embed code they offer for a WordPress widget. There must be a way to cause an onclick of a custom image to trigger this?
<object type="application/x-shockwave-flash" data="https://clients4.google.com/voice/embed/webCallButton" width="230" height="85">
<param name="movie" value="https://clients4.google.com/voice/embed/webCallButton" />
<param name="wmode" value="transparent" />
<param name="FlashVars" value="id=#####numberhidden####&style=0" /></object>

I was able to find this link which doesn't exactly let you resize it but it's a way to push the variables that Google needs in a custom format through input fields.
http://razvangavril.com/web-development/custom-google-voice-widget/
and
http://razvangavril.com/web-development/custom-google-voice-widget-2/
The ButID label for button_id part is a text field where you enter your Google Voice ID. You can find that in their embed code by looking for ID=. I chose to make it a hidden field, and manually insert mine.
The other two fields are your name, and phone number. You then insert their script with the form, customize the look, and you're done.
Thank you!

Using the tutorial from:
http://razvangavril.com/web-development/custom-google-voice-widget/
You could create a button or image of any kind and have that throw a dialog box with your call form.

Related

Force image rendering and download on Outlook sent from MailChimp?

Currently, all emails being sent from Outlook do not download and display images in Outlook. There are many possible reasons for this ranging from:
Outlooks own built-in Security
Outlook's rendering engine
Most Outlook versions on Windows don’t have good support for the CSS box model or things like flexbox, CSS Grid, and floats.
I was just wondering if there is anyone out there who knows a code solution that would allow an image to render and show on Outlook without Outlook prompting the User to download the image?
Outlook desktop may show images embedded via the CID method, but you can't do this via MailChimp, and this method does not work for non-Outlook users.
Therefore, you'd need to use Outlook-only code for the CID part, and the normal method for others.
You first attach the image to the email (which you can't do in MailChimp).
Then add a MIME header to set its CID (Content-ID).
The actual code for that is programming specific; e.g. Using Content-ID and cid for embedded email images in Thunderbird
Then reference it in the message body by setting its CID (Content-ID) - not image name - and using a standard HTML tag:
<!--[if mso]>
<img src="cid:some-image-cid" alt="img" />
<![endif]-->
<!--[if !mso]>-->
<img src="imagename.jpg" alt="img" />
<!--<![endif]-->
As you can see, this is not straightforward, so few (if any) do it this way. Please keep in mind the whole purpose of image blocking is to help prevent spam, and to stop adult pictures showing. So it's probably not likely to work, or work for long (until you get blacklisted).
Please do not try and get around rendering safety nets, which providers have implemented on purpose!
There are ways for subscribers to turn off the automatic image blocking, but it's there for a reason, do not try and circumvent user security for your own benefit.
More details here on how users can turn off image blocking but also the reason it has been implemented in the first place:
https://www.howtogeek.com/398897/how-to-force-outlook-to-download-images-if-youre-sure-its-a-good-idea/

Listing customization ServiceNow

How can I personalize a list within ServiceNow?
I mean, I have this list:
But I think its very confusing to see the position on the right side.. How can I center it?
Like CSS customization or JS or something like that.. where can I find the customization form?
You can customise the position of the field content by using Field Styles.
If you mean customising the position of the field header, I have had a play around with doing this and I seem to have got it working.
If you inspect the HTML of the column header you want to target (the th tag), you'll see that there's an attribute on it called glide_type which contains in it the type of column. You can use this to create a CSS rule to target only headers of a particular type.
For example, I have a field of type decimal, and the th tag has the following attribute:glide_type="decimal". So to target that element, I could create a CSS rule like the below:
th.text-align-left.list_header_cell[glide_type="decimal"] {
text-align: right;
}
The hacky part is including that CSS so that it applies throughout the SN interface. You can use a UI Script to run some JavaScript which includes the Style Sheet. So if you put the above CSS inside a new Style Sheet (navigate to Content Management > Design > Style Sheets), and copy that new Style Sheet's Sys ID, you can create a UI Script with the below in it to include that Style Sheet on all pages:
link = document.createElement("link");
link.href = "STYLE_SHEET_SYS_ID_GOES_HERE.cssdbx?";
link.type = "text/css";
link.rel = "stylesheet";
link.media = "screen,print";
document.getElementsByTagName("head")[0].appendChild(link);
After doing that, you'll see that the Style Sheet is getting loaded on all pages, and if you've written your CSS right then you should find that the column header is now right-aligned!
As #Kirk said, performing this kind of customisation will mean that it's hard for ServiceNow Customer Support to assist if there's something you've customised getting in the way of their troubleshooting. Take this into account if you decide to implement something like this, and also thoroughly test this on a non-production instance.
In addition to the above, this solution may break in future releases as ServiceNow may decide to change the way that lists work and thus the CSS selector may no longer target the right/any element.
Hope this helps!
Dylan
It's not suggested to customize any sort of CSS or JS with that, we were told that is voids your support for that section if you do so.
You could just add a few more display fields if you really desire to remove the extra white-space.
For a complete description of that (which you may know how to do):
Click the Gear icon
Then select some relevant fields from the Available section, and click the Right arrow to add them.

How to show property of masterpage on a page in Umbraco

I have an umbraco project with a masterpage (with it's own content type) and a homepage underneath it.
The masterpage content type includes stuff like the footer, header etc.
However when I look at the homepage, the properties of the masterpage don't display.
In the masterpage template I have the line:
<umbraco:Item field="footerText" runat="server" />
But this doesn't pull the footerText property from the masterpage properties.
I am guessing it has something to do with the fact that properties are not inherited, so how do we go around that? Writing a simple macro that pulls the data or is there a quicker way?
Many thanks
If you're trying to access fields belonging to a parent node, you would set the recursive attribute to true:
<umbraco:Item field="footerText" recursive="true" runat="server" />
When you are editing your masterpages via the template editor in the Umbraco backend, you can use the "Insert umbraco page field" dialog to help build your tags.

How to add a hyperlink column in an UltraWebgrid that will redirect me to a popup window

I am pretty new to Infragistics controls and finding it hard to add a hyperlink column to the ultraweb grid. Can anyone help me out with this.
Currently, I am binding the data coming from the Database to the grid.
To this data I need to add a hyperlink column "View" that will redirect me to a popup.
I need to pass some values from this page to the popup.
Need pointers if this can be done on Javascript.
I am unable to get the code anywhere.
It would be really helpful if someone can help me out
Regards,
Sunitha
If you know HTML it is actually pretty simple to do. On the Initialize RowLayout method of the UltraGrid and reference the cell you want the hyperlink to go into and within the text property place the link there using HTML and include parameters within the HTML to pass to the popup.
If you are using a fairly recent version of Infragistics, they have a Modal Popup window that you can use which is fairly easy to integrate and use, and with this you do not need a javascript popup. You can use the ClientSideEvent BeforeSelectChangeHandler to open the Modal popup and pass values into there by referring to other cells within the row.

Importing HTML into TinyMCE using ColdFusion

Hey everyone, I would appreciate a pointing in the right direction with the problem I'm having. In short, I'm working on an application that will create PDFs using TinyMCE and ColdFusion 8. I have the ability to create a PDF by just entering in text, pictures, etc. However, I want to be able to import an html template and insert it into the TinyMCE .
Basically, I have a file directory code snippet that lets me browse through my 'HTMLTemplates' folder, and am able to select an HTML document. Now, I want to be able to take all the code from that selected HTML document and insert it into my TinyMCE box. Any tips on how I might do this, maybe?
Thanks!
If I understood you correctly, you already have a TinyMCE plugin which pops up a window and allows you to browse the certain directory using existing cfm page which you render within the popup window. Right?
If not, you should start with this. Not sure how easy it is done in current version, but in the older TinyMCE I've created the custom upload plugin (needed to track the site security permissions for current user) pretty quickly.
Next, I can see two quick ways to pass the server file contents to the client-side:
Make it available via HTTP so you can make the GET request and read contents into the variable.
Output it on the page using CF (say, on form submit when file selected) and grab using JavaScript.
I'd personally tried the second option. After you grab the text into the variable you can put it into the TinyMCE using it's API.
It can be as simple as output escaped text into the hidden div with known ID and read it using DOM operations (assuming that there is cfoutput around):
<div id="myTemplate">#HTMLEditFormat(myFileContents)#</div>
Also you can output the text directly into the JavaScript variable (of cource, with accurate escaping), maybe like this.
<script type="text/javascript">
var text = '#HTMLEditFormat(myFileContents)#';
</script>
Most advanced and possibly better for performance (and definitely "cooler") way is to use the concept of script tags as data containers, like this:
<script type="text/plain">
#HTMLEditFormat(myFileContents)#
</script>
Last time I've seen this in Nadel's blog, I think. Read it, pretty interesting.
Hope this helps.