I installed a slider plugin and there are settings on wp_option table like this.
stdClass":3:O:8:"stdClass":4:{s:3:"url";s:64:"http://mysite.info/wp/wp-content/uploads/2014/09/slider1.jpg";s:6:"height";i:450;s:5:"width";i:1140;s:11:"orientation";s:9:"landscape";}}s:3:"alt";s:0:"";s:5:"title";s:7:"slider1";s:4:"link";N;s:10:"linkTarget";s:6:"_blank";s:2:"id";i:2;}}s:7:"general";O:8:"stdClass":1:{s:9:"randomize";s:0:"";}s:10:"dimensions";O:8:"stdClass":3:{s:5:"width";s:4:"1400";s:6:"height";s:3:"530";s:10:"responsive";s:4:"true";}
I want to edit width and height without replacing all of above value. How can I do it? Because of not replace all this code has image path. I don't want change it. Thanks for advice.
Just change the value of height & width in that line without altering other character
"height";i:450;s:5:"width";i:1140;s:11:"
Related
The Goal
I want to have a v-data-table that is editable and looks "nice".
The problem
Adding a v-text-field to make it editable also increases the row-height to a very eye unpleasing level
Original view:
With v-text-field inputs
The quesion
How can I decrease the row height to resemble the one without v-text-fields.
As a Bonus
Because I am quite new to this whole Front-End-Development-Kind-Of-Thing, how would I go about it identifying what is causing this "height issue"?
PS: I've tried to add a JSFiddle but I cant even seem to be unable to figure out how to display the v-data-table correctly...
The basic draft can be found here
Is it necessary for your table to be editable within the columns? How do you decide when to pass data back via request to your Backend? After the user left a field?
If it is not necessary to have the edit option within the table, I would just use the action buttons you already have in your table to trigger a modal in which you can edit the fields. This also allows you to have proper form control before a user can submit a request. There is also a Vuetify Codepen with an example how to do this Codepen
If it is necessary you should implement the v-data-table as v-data-iterator which is essentially the same functionality-wise, but allows for complete control over the look. https://vuetifyjs.com/en/components/data-iterators/
As to how to identify the problem with the v-text-field height you have to use your browser dev tools. You would then realise that the input has default paddings and margins but also a whole lot under the hood. It e.g. allocates space for error messages to pop up and for a label to go above the field.
And how to fix your JSfiddle you can read in the getting started section of the vuetify documentation under CDN https://vuetifyjs.com/en/getting-started/installation/#usage-with-cdn.
you can use the "dense" property for Lower height of v-data-table inputs
https://vuetifyjs.com/en/components/data-tables/#dense
Is there any way to resize the image and reduce it's weight in Angular/TS or in CSS? I mean something like 'picture' tag in HTML 5.1.
Resizing the image on the frontend won't change it's weight, as the full image has to be retrieved from the server anyways. The 'picture' tag isn't able to do this either.
The only thing coming close to what I believe you want to achieve is this Angular directive I found online:
https://github.com/oukan/angular-image-compress
This also only compresses on the client side and won't change the weight of the image retrieved in the first place.
Can I find or give a 1x1 html table cell an ID?
I would like to use document.getElementById.style.background to dynamically change the background image of a cell.
Thank you, I was using a table cell to keep things correctly positioned. I got the following code working:
document.getElementById("frameCell").style.backgroundImage="url('myBackgroundImage.jpg')";
for use by:
:)
Quick couple of questions just to clarify the likebox setup - Does the Likebox have a min height without Faces?
Secondly - does the url need to be presice as in
https://www.facebook.com/ConistonBoatingCentre
rather than
https://www.facebook.com/ConistonBoatingCentre?fref=ts
or does it not matter - just because it doesn't make it clear on the form and I need to send the code over to a large client and want to make sure its foolproof!
Cheers
Ofcourse it Wont Work!!
check it https://developers.facebook.com/docs/plugins/like-button/
23 pixels is the height without faces.
I've got a table on a webpage, with (say) 8 columns, and it's worked just fine until recently...
A user registered with an email address for a display name (not a huge issue, but the email is massive). Now, as one of the columns is a 'reported by' containing username, any pages with said user on them now have a massive 'reported by' column...
I should also emphasise, the table width was 100% (minus a 'margin') prior to this issue, and it worked just fine).
Is there a clever way to introduce a line break on a '.' or an '#'? Alternatively, how do people normally get around this? Interesting solutions to this annoying problem are welcomed!
When you generate your html table content code, truncate every content extracted from your database to a maximum width. Your truncating function can easily add a tooltip giving the full label.
Alternatively, do this in javascript on pageload. Parse every table cell and truncate the content if it's too large. It's not as nice as server-side truncating, though.
The upside is that you can give the full label in a tooltip, append '...' to let the user know the label is truncated, etc.
Use the table-layout css property.
table-layout: fixed;
http://www.quirksmode.org/css/tables.html#tablelayout
You could set a max-width on the column and overflow:scroll or even overflow:hidden.